diff options
Diffstat (limited to 'docs/components.html')
| -rw-r--r-- | docs/components.html | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/docs/components.html b/docs/components.html index 3c47835c3..14e9041f3 100644 --- a/docs/components.html +++ b/docs/components.html @@ -748,6 +748,31 @@ <h2>Options</h2> + <h3>Justified links</h3> + <p>Easily make tabs or pills equal widths of their parent with <code>.nav-justified</code>.</p> + <div class="bs-docs-example"> + <ul class="nav nav-tabs nav-justified"> + <li class="active"><a href="#">Home</a></li> + <li><a href="#">Profile</a></li> + <li><a href="#">Messages</a></li> + </ul> + <br> + <ul class="nav nav-pills nav-justified"> + <li class="active"><a href="#">Home</a></li> + <li><a href="#">Profile</a></li> + <li><a href="#">Messages</a></li> + </ul> + </div> +<pre class="prettyprint linenums"> +<ul class="nav nav-tabs nav-justified"> + ... +</ul> + +<ul class="nav nav-pills nav-justified"> + ... +</ul> +</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 you remove the <code>href</code> attribute. Alternatively, you could implement custom JavaScript to prevent those clicks.</p> <div class="bs-docs-example"> |