diff options
| author | Mark Otto <[email protected]> | 2015-08-18 01:18:21 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-08-18 01:18:21 -0700 |
| commit | ff72ea6b818278d4e1fe19cd3437a899af9af703 (patch) | |
| tree | a61d04a34600171088f94796cf620a11add63acc /docs/components | |
| parent | 4c7e4e44541a273ceca78e1cabcd16c1595953ef (diff) | |
| download | bootstrap-ff72ea6b818278d4e1fe19cd3437a899af9af703.tar.xz bootstrap-ff72ea6b818278d4e1fe19cd3437a899af9af703.zip | |
navbar positioning
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/navbar.md | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/docs/components/navbar.md b/docs/components/navbar.md index d8ecfd21e..2c98c812a 100644 --- a/docs/components/navbar.md +++ b/docs/components/navbar.md @@ -162,6 +162,23 @@ Although it's not required, you can wrap a navbar in a `.container` to center it </nav> {% endexample %} +## Placement + +Navbars can be statically placed (their default behavior), or fixed to the top or bottom of the viewport. + +{% example html %} +<nav class="navbar navbar-fixed-top navbar-light bg-faded"> + <a class="navbar-brand" href="#">Fixed top</a> +</nav> +{% endexample %} + +{% example html %} +<nav class="navbar navbar-fixed-bottom navbar-light bg-faded"> + <a class="navbar-brand" href="#">Fixed bottom</a> +</nav> +{% endexample %} + + ## Collapsible content Our collapse plugin allows you to use a `<button>` or `<a>` to toggle hidden content. |
