2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-08 17:22:31 +03:00

fixes #4421: add static top navbar class

This commit is contained in:
Mark Otto
2012-08-17 11:46:23 -07:00
parent b86e1fb62a
commit 077577c7f3
4 changed files with 75 additions and 5 deletions
+23 -1
View File
@@ -1162,7 +1162,7 @@
<hr class="bs-docs-separator">
<h2>Fixed navigation</h2>
<h2>Optional display variations</h2>
<p>Fix the navbar to the top or bottom of the viewport with an additional class on the outermost div, <code>.navbar</code>.</p>
<h3>Fixed to top</h3>
@@ -1209,6 +1209,28 @@
&lt;/div&gt;
</pre>
<h3>Static top navbar</h3>
<p>Create a full-width navbar that scrolls away with the page by adding <code>.navbar-static-top</code>. Unlike the <code>.navbar-fixed-top</code> class, you do not need to change any padding on the <code>body</code>.</p>
<div class="bs-docs-example bs-navbar-top-example">
<div class="navbar navbar-static-top" style="margin: -1px -1px 0;">
<div class="navbar-inner">
<div class="container" style="width: auto; padding: 0 20px;">
<a class="brand" href="#">Title</a>
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
</div>
</div>
<pre class="prettyprint linenums">
&lt;div class="navbar navbar-static-top"&gt;
...
&lt;/div&gt;
</pre>
<hr class="bs-docs-separator">