aboutsummaryrefslogtreecommitdiff
path: root/docs/components.html
diff options
context:
space:
mode:
Diffstat (limited to 'docs/components.html')
-rw-r--r--docs/components.html19
1 files changed, 18 insertions, 1 deletions
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>
@@ -655,6 +655,23 @@
&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>
<p>To align nav links, use the <code>.pull-left</code> or <code>.pull-right</code> utility classes. Both classes will add a CSS float in the specified direction.</p>