add note to components about nav list nesting

1 files changed, 7 insertions, 9 deletions

diff --git a/docs/components.html b/docs/components.html
index d70218163..825e9fdac 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -833,18 +833,16 @@
   </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;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>