aboutsummaryrefslogtreecommitdiff
path: root/docs/components.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-10-01 00:06:44 -0700
committerMark Otto <[email protected]>2012-10-01 00:06:44 -0700
commiteb555b7a9d3924d6caba3a10c7f9cdd0e9afd38a (patch)
treeaca42eccf9d82654a6dbce8d45657fc48b47a0ed /docs/components.html
parent26386ad615a48be02d896a41b7c72a7470c8a9c3 (diff)
downloadbootstrap-eb555b7a9d3924d6caba3a10c7f9cdd0e9afd38a.tar.xz
bootstrap-eb555b7a9d3924d6caba3a10c7f9cdd0e9afd38a.zip
remove .nav-list, instead use .nav-stacked on .nav-tabs or .nav-pills from now on
Diffstat (limited to 'docs/components.html')
-rw-r--r--docs/components.html57
1 files changed, 10 insertions, 47 deletions
diff --git a/docs/components.html b/docs/components.html
index 87bef8db2..1395e7a2f 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -740,6 +740,16 @@
&lt;/ul&gt;
</pre>
+ <h3>Horizontal dividers</h3>
+ <p>Add a horizontal divider by creating an empty list item with the class <code>.divider</code>, like so:</p>
+<pre class="prettyprint linenums">
+&lt;ul class="nav nav-tabs nav-stacked"&gt;
+ ...
+ &lt;li class="divider"&gt;&lt;/li&gt;
+ ...
+&lt;/ul&gt;
+</pre>
+
<hr class="bs-docs-separator">
@@ -813,53 +823,6 @@
&lt;/ul&gt;
</pre>
-
- <hr class="bs-docs-separator">
-
-
- <h2>Nav lists</h2>
- <p>A simple and easy way to build groups of nav links with optional headers. They're best used in sidebars like the Finder in OS X.</p>
-
- <h3>Example nav list</h3>
- <p>Take a list of links and add <code>class="nav nav-list"</code>:</p>
- <div class="bs-docs-example">
- <div class="well" style="max-width: 340px; padding: 8px 0;">
- <ul class="nav nav-list">
- <li class="nav-header">List header</li>
- <li class="active"><a href="#">Home</a></li>
- <li><a href="#">Library</a></li>
- <li><a href="#">Applications</a></li>
- <li class="nav-header">Another list header</li>
- <li><a href="#">Profile</a></li>
- <li><a href="#">Settings</a></li>
- <li class="divider"></li>
- <li><a href="#">Help</a></li>
- </ul>
- </div> <!-- /well -->
- </div>
-<pre class="prettyprint linenums">
-&lt;ul class="nav nav-list"&gt;
- &lt;li class="nav-header"&gt;List header&lt;/li&gt;
- &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a href="#"&gt;Library&lt;/a&gt;&lt;/li&gt;
- ...
-&lt;/ul&gt;
-</pre>
- <p>
- <span class="label label-info">Note</span>
- For nesting within a nav list, include <code>class="nav nav-list"</code> on any nested <code>&lt;ul&gt;</code>.
- </p>
-
- <h3>Horizontal dividers</h3>
- <p>Add a horizontal divider by creating an empty list item with the class <code>.divider</code>, like so:</p>
-<pre class="prettyprint linenums">
-&lt;ul class="nav nav-list"&gt;
- ...
- &lt;li class="divider"&gt;&lt;/li&gt;
- ...
-&lt;/ul&gt;
-</pre>
-
</section>