diff options
| author | Chris Rebert <[email protected]> | 2014-11-13 12:24:03 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-11-13 12:24:03 -0800 |
| commit | 3a96a80a1b304518879e73f945ea254b9aa023a9 (patch) | |
| tree | 4973ebc5cce32bbb9d86889cf0a3e2068d42d776 /docs/_includes/js/modal.html | |
| parent | 101940b452d1def46882f0d01f81f6e596f1e8cf (diff) | |
| parent | ea407666ce3c5d708b4a830fb2d00bdcb0d2d53e (diff) | |
| download | bootstrap-3a96a80a1b304518879e73f945ea254b9aa023a9.tar.xz bootstrap-3a96a80a1b304518879e73f945ea254b9aa023a9.zip | |
Merge pull request #15093 from twbs/id-callouts
Give all docs callouts IDs
[skip sauce]
Diffstat (limited to 'docs/_includes/js/modal.html')
| -rw-r--r-- | docs/_includes/js/modal.html | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/docs/_includes/js/modal.html b/docs/_includes/js/modal.html index 4c0d46e9b..993b72103 100644 --- a/docs/_includes/js/modal.html +++ b/docs/_includes/js/modal.html @@ -10,7 +10,7 @@ <h4>Modal markup placement</h4> <p>Always try to place a modal's HTML code in a top-level position in your document to avoid other components affecting the modal's appearance and/or functionality.</p> </div> - <div class="bs-callout bs-callout-warning"> + <div class="bs-callout bs-callout-warning" id="callout-modal-mobile-caveats"> <h4>Mobile device caveats</h4> <p>There are some caveats regarding using modals on mobile devices. <a href="../getting-started/#support-fixed-position-keyboards">See our browser support docs</a> for details.</p> </div> @@ -134,13 +134,13 @@ </div> {% endhighlight %} - <div class="bs-callout bs-callout-warning"> + <div class="bs-callout bs-callout-warning" id="callout-modal-accessibility"> <h4>Make modals accessible</h4> <p>Be sure to add <code>role="dialog"</code> to <code>.modal</code>, <code>aria-labelledby="myModalLabel"</code> attribute to reference the modal title, and <code>aria-hidden="true"</code> to tell assistive technologies to skip the modal's DOM elements.</p> <p>Additionally, you may give a description of your modal dialog with <code>aria-describedby</code> on <code>.modal</code>.</p> </div> - <div class="bs-callout bs-callout-info"> + <div class="bs-callout bs-callout-info" id="callout-modal-youtube"> <h4>Embedding YouTube videos</h4> <p>Embedding YouTube videos in modals requires additional JavaScript not in Bootstrap to automatically stop playback and more. <a href="http://stackoverflow.com/questions/18622508/bootstrap-3-and-youtube-in-modal">See this helpful Stack Overflow post</a> for more information.</p> </div> |