aboutsummaryrefslogtreecommitdiff
path: root/docs/components.html
diff options
context:
space:
mode:
Diffstat (limited to 'docs/components.html')
-rw-r--r--docs/components.html13
1 files changed, 9 insertions, 4 deletions
diff --git a/docs/components.html b/docs/components.html
index c144c130a..40cd2e19e 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -1228,19 +1228,19 @@
<hr class="bs-docs-separator">
- <h2>Responsive navbar</h2>
- <p>To implement a collapsing responsive navbar, wrap your navbar content in a containing div, <code>.nav-collapse.collapse</code>, and add the navbar toggle button, <code>.btn-navbar</code>.</p>
+ <h2>Subnav variation</h2>
+ <p>Modify the look of the navbar by adding <code>.navbar-subnav</code>. Perfect for a secondary nav, or just a replacement to the default dark navbar.</p>
<div class="bs-docs-example">
<div class="navbar navbar-subnav" style="position: static;">
<div class="navbar-inner">
<div class="container">
- <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".subnav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Title</a>
- <div class="nav-collapse">
+ <div class="nav-collapse subnav-collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
@@ -1280,6 +1280,11 @@
</div><!-- /navbar-inner -->
</div><!-- /navbar -->
</div>
+<pre class="prettyprint linenums">
+&lt;div class="navbar navbar-subnav"&gt;
+ ...
+&lt;/div&gt;
+</pre>
</section>