diff options
| author | Mark Otto <[email protected]> | 2013-03-30 13:14:04 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-03-30 13:14:04 -0700 |
| commit | 171c7feae23227ac6c51b365614b63b266574232 (patch) | |
| tree | 8aa6ab6c9f4abd2c01330e4ae7dfea1125a475f5 /docs/docs.html | |
| parent | e9dd1826be4e41c2464c95d9fbf62c8fd311b689 (diff) | |
| download | bootstrap-171c7feae23227ac6c51b365614b63b266574232.tar.xz bootstrap-171c7feae23227ac6c51b365614b63b266574232.zip | |
navs nav links
Diffstat (limited to 'docs/docs.html')
| -rw-r--r-- | docs/docs.html | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/docs/docs.html b/docs/docs.html index 7e3395481..6648092e2 100644 --- a/docs/docs.html +++ b/docs/docs.html @@ -3072,14 +3072,14 @@ For example, <code><section></code> should be wrapped as inline. <!-- Navs ================================================== --> - <div class="bs-docs-section" id="navs"> + <div class="bs-docs-section" id="nav"> <div class="page-header"> <h1>Navs</small></h1> </div> <p class="lead">Navs available in Bootstrap have shared markup, starting with the base <code>.nav</code> class, as well as shared states. Swap modifier classes to switch between each style.</p> - <h2>Tabs</h2> + <h2 id="nav-tabs">Tabs</h2> <p>Note the <code>.nav-tabs</code> class requires the <code>.nav</code> base class.</p> <div class="bs-docs-example"> <ul class="nav nav-tabs"> @@ -3096,7 +3096,7 @@ For example, <code><section></code> should be wrapped as inline. </ul> {% endhighlight %} - <h2>List</h2> + <h2 id="nav-list">List</h2> <p>Swap the tabs class for <code>.nav-list</code>.</p> <div class="bs-docs-example"> <ul class="nav nav-list" style="max-width: 300px;"> @@ -3113,7 +3113,7 @@ For example, <code><section></code> should be wrapped as inline. </ul> {% endhighlight %} - <h2>Pills</h2> + <h2 id="nav-pills">Pills</h2> <p>Take that same HTML, but use <code>.nav-pills</code> instead:</p> <div class="bs-docs-example"> <ul class="nav nav-pills"> @@ -3145,7 +3145,7 @@ For example, <code><section></code> should be wrapped as inline. <h2>Options</h2> - <h3>Justified links</h3> + <h3 id="nav-justified">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"> @@ -3169,7 +3169,7 @@ For example, <code><section></code> should be wrapped as inline. </ul> {% endhighlight %} - <h3>Disabled state</h3> + <h3 id="nav-disabled-links">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"> <ul class="nav nav-pills"> @@ -3187,14 +3187,14 @@ For example, <code><section></code> should be wrapped as inline. {% endhighlight %} - <h3>Component alignment</h3> + <h3 id="nav-alignment">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> <hr class="bs-docs-separator"> - <h2>Dropdowns</h2> + <h2 id="nav-dropdowns">Dropdowns</h2> <p>Add dropdown menus with a little extra HTML and the <a href="./javascript.html#dropdowns">dropdowns JavaScript plugin</a>.</p> <h3>Tabs with dropdowns</h3> |
