@@ -3382,7 +3382,7 @@ For example,
<section>
should be wrapped as inline.
Optional display variations
Fix the navbar to the top or bottom of the viewport with an additional class on the outermost div, .navbar
.
-
Fixed to top
+
Fixed to top
Add .navbar-fixed-top
and remember to account for the hidden area underneath it by adding at least 40px padding
to the <body>
. Be sure to add this after the core Bootstrap CSS and before the optional responsive CSS.
@@ -3402,7 +3402,7 @@ For example, <section>
should be wrapped as inline.
{% endhighlight %}
-
Fixed to bottom
+
Fixed to bottom
Add .navbar-fixed-bottom
instead.
@@ -3422,7 +3422,7 @@ For example, <section>
should be wrapped as inline.
{% endhighlight %}
-
Static top navbar
+
Static top navbar
Create a full-width navbar that scrolls away with the page by adding .navbar-static-top
. Unlike the .navbar-fixed-top
class, you do not need to change any padding on the body
.
@@ -3443,7 +3443,7 @@ For example,
<section>
should be wrapped as inline.
{% endhighlight %}
-
Responsive navbar
+
Responsive navbar
To implement a collapsing responsive navbar, wrap your navbar content in a containing div, .nav-collapse.collapse
, and add the navbar toggle button, .navbar-toggle
.