aboutsummaryrefslogtreecommitdiff
path: root/docs/docs.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-03-30 13:14:04 -0700
committerMark Otto <[email protected]>2013-03-30 13:14:04 -0700
commit171c7feae23227ac6c51b365614b63b266574232 (patch)
tree8aa6ab6c9f4abd2c01330e4ae7dfea1125a475f5 /docs/docs.html
parente9dd1826be4e41c2464c95d9fbf62c8fd311b689 (diff)
downloadbootstrap-171c7feae23227ac6c51b365614b63b266574232.tar.xz
bootstrap-171c7feae23227ac6c51b365614b63b266574232.zip
navs nav links
Diffstat (limited to 'docs/docs.html')
-rw-r--r--docs/docs.html16
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>&lt;section&gt;</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>&lt;section&gt;</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>&lt;section&gt;</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>&lt;section&gt;</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>&lt;section&gt;</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>&lt;section&gt;</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>