add note to components about nav list nesting

This commit is contained in:
Mark Otto 2012-06-19 15:25:35 -07:00
parent ff92344f0d
commit 40298ddbf1
2 changed files with 14 additions and 18 deletions

View File

@ -833,18 +833,16 @@
</div> </div>
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;ul class="nav nav-list"&gt; &lt;ul class="nav nav-list"&gt;
&lt;li class="nav-header"&gt; &lt;li class="nav-header"&gt;List header&lt;/li&gt;
List header &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Library&lt;/a&gt;&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; &lt;/ul&gt;
</pre> </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> <h3>Horizontal dividers</h3>
<p>Add a horizontal divider by creating an empty list item with the class <code>.divider</code>, like so:</p> <p>Add a horizontal divider by creating an empty list item with the class <code>.divider</code>, like so:</p>

View File

@ -756,18 +756,16 @@
</div>{{! /example }} </div>{{! /example }}
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;ul class="nav nav-list"&gt; &lt;ul class="nav nav-list"&gt;
&lt;li class="nav-header"&gt; &lt;li class="nav-header"&gt;{{_i}}List header{{/i}}&lt;/li&gt;
{{_i}}List header{{/i}} &lt;li class="active"&gt;&lt;a href="#"&gt;{{_i}}Home{{/i}}&lt;/a&gt;&lt;/li&gt;
&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;{{_i}}Library{{/i}}&lt;/a&gt;&lt;/li&gt;
&lt;li class="active"&gt;
&lt;a href="#"&gt;{{_i}}Home{{/i}}&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#"&gt;{{_i}}Library{{/i}}&lt;/a&gt;
&lt;/li&gt;
... ...
&lt;/ul&gt; &lt;/ul&gt;
</pre> </pre>
<p>
<span class="label label-info">{{_i}}Note{{/i}}</span>
{{_i}}For nesting within a nav list, include <code>class="nav nav-list"</code> on any nested <code>&lt;ul&gt;</code>.{{/i}}
</p>
<h3>{{_i}}Horizontal dividers{{/i}}</h3> <h3>{{_i}}Horizontal dividers{{/i}}</h3>
<p>{{_i}}Add a horizontal divider by creating an empty list item with the class <code>.divider</code>, like so:{{/i}}</p> <p>{{_i}}Add a horizontal divider by creating an empty list item with the class <code>.divider</code>, like so:{{/i}}</p>