From 64ba423b6d06c98e95e23d8c34df62a47a421a03 Mon Sep 17 00:00:00 2001
From: Mark Otto <markotto@twitter.com>
Date: Tue, 19 Jun 2012 13:52:07 -0700
Subject: #2764: add disabled styles to navs and dropdowns

---
 docs/components.html | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

(limited to 'docs/components.html')

diff --git a/docs/components.html b/docs/components.html
index 3cafb15b5..ce931783f 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -114,7 +114,7 @@
 
 <!-- Dropdowns
 ================================================== -->
-<section id="Dropdowns">
+<section id="dropdowns">
   <div class="page-header">
     <h1>Dropdown menus <small>Dropdown and dropup menus for contextual actions</small></h1>
   </div>
@@ -653,6 +653,23 @@
   &lt;li&gt;&lt;a href="#"&gt;...&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#"&gt;...&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
+</pre>
+
+  <h3>Disabled state</h3>
+  <p>For any nav component (tabs, pills, or list), add <code>.disabled</code> for <strong>gray links and no hover effects</strong>. Links will remain clickable, however, unless custom javascript is implemented to prevent those clicks.</p>
+  <div class="bs-docs-example">
+    <ul class="nav nav-pills">
+      <li><a href="#">Clickable link</a></li>
+      <li><a href="#">Clickable link</a></li>
+      <li class="disabled"><a href="#">Disabled link</a></li>
+    </ul>
+  </div>
+<pre class="prettyprint linenums">
+&lt;ul class="nav nav-pills"&gt;
+  ...
+  &lt;li class="disabled"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
+  ...
+&lt;/ul&gt;
 </pre>
 
   <h3>Component alignment</h3>
-- 
cgit v1.2.3