mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-30 15:24:08 +03:00
Code Activity

#2764: add disabled styles to navs and dropdowns

Browse Source
This commit is contained in:
Mark Otto
2012-06-19 13:52:07 -07:00
parent d14f06fc4e
commit 64ba423b6d
5 changed files with 87 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/components.html
+18 -1
View File
@@ -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>