diff options
| author | Chris Rebert <[email protected]> | 2014-11-11 20:23:49 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-11-13 12:16:03 -0800 |
| commit | ea407666ce3c5d708b4a830fb2d00bdcb0d2d53e (patch) | |
| tree | 9eeca9971c60a66573b318299e47a933fa0a6886 /docs/_includes/components/navs.html | |
| parent | 5660be42faef7fecdd9121e052265da55202ae3c (diff) | |
| download | bootstrap-ea407666ce3c5d708b4a830fb2d00bdcb0d2d53e.tar.xz bootstrap-ea407666ce3c5d708b4a830fb2d00bdcb0d2d53e.zip | |
give all docs callouts IDs
[skip sauce]
Diffstat (limited to 'docs/_includes/components/navs.html')
| -rw-r--r-- | docs/_includes/components/navs.html | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/docs/_includes/components/navs.html b/docs/_includes/components/navs.html index 2ea20d0e8..01420a342 100644 --- a/docs/_includes/components/navs.html +++ b/docs/_includes/components/navs.html @@ -3,12 +3,12 @@ <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> - <div class="bs-callout bs-callout-info"> + <div class="bs-callout bs-callout-info" id="callout-navs-tabs-plugin"> <h4>Using navs for tab panels requires JavaScript tabs plugin</h4> <p>For tabs with tabbable areas, you must use the <a href="../javascript/#tabs">tabs JavaScript plugin</a>. The markup will also require additional <code>role</code> and ARIA attributes – see the plugin's <a href="../javascript/#tabs-usage">example markup</a> for further details.</p> </div> - <div class="bs-callout bs-callout-warning"> + <div class="bs-callout bs-callout-warning" id="callout-navs-accessibility"> <h4>Make navs used as navigation accessible</h4> <p>If you are using navs to provide a navigation bar, be sure to add a <code>role="navigation"</code> to the most logical parent container of the <code><ul></code>, or wrap a <code><nav></code> element around the whole navigation. Do not add the role to the <code><ul></code> itself, as this would prevent it from being announced as an actual list by assistive technologies.</p> </div> @@ -65,7 +65,7 @@ <h2 id="nav-justified">Justified</h2> <p>Easily make tabs or pills equal widths of their parent at screens wider than 768px with <code>.nav-justified</code>. On smaller screens, the nav links are stacked.</p> <p><strong class="text-danger">Justified navbar nav links are currently not supported.</strong></p> - <div class="bs-callout bs-callout-warning"> + <div class="bs-callout bs-callout-warning" id="callout-navs-justified-safari"> <h4>Safari and responsive justified navs</h4> <p>As of v8.0, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing. This bug is also shown in the <a href="../examples/justified-nav/">justified nav example</a>.</p> </div> @@ -95,7 +95,7 @@ <h2 id="nav-disabled-links">Disabled links</h2> <p>For any nav component (tabs or pills), add <code>.disabled</code> for <strong>gray links and no hover effects</strong>.</p> - <div class="bs-callout bs-callout-warning"> + <div class="bs-callout bs-callout-warning" id="callout-navs-anchor-disabled"> <h4>Link functionality not impacted</h4> <p>This class will only change the <code><a></code>'s appearance, not its functionality. Use custom JavaScript to disable links here.</p> </div> |