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:
+23
-1
@@ -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 @@
|
||||
</div>
|
||||
</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">
|
||||
<div class="navbar navbar-static-top">
|
||||
...
|
||||
</div>
|
||||
</pre>
|
||||
|
||||
|
||||
<hr class="bs-docs-separator">
|
||||
|
||||
|
||||
Reference in New Issue
Block a user