diff options
| author | Chris Rebert <[email protected]> | 2015-08-19 13:11:27 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2015-08-19 13:11:27 -0700 |
| commit | 1efb07dad93ca62d17bcee82dfdad86ea3d420dc (patch) | |
| tree | 162c396569d08a949e2d28bb0c9f2f4e3c98a7d6 /docs/components/modal.md | |
| parent | 7102ac6e6c949d56e397371a0104e66200e6be3e (diff) | |
| parent | 66a9ed278e90963fedf95518438c454e22b1e6f4 (diff) | |
| download | bootstrap-1efb07dad93ca62d17bcee82dfdad86ea3d420dc.tar.xz bootstrap-1efb07dad93ca62d17bcee82dfdad86ea3d420dc.zip | |
Merge pull request #17047 from petetnt/petetnt-v4-dev-patch-1
Fixed couple of formatting errors in modal.md (v4)
Diffstat (limited to 'docs/components/modal.md')
| -rw-r--r-- | docs/components/modal.md | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/docs/components/modal.md b/docs/components/modal.md index 162a48be5..80b86c116 100644 --- a/docs/components/modal.md +++ b/docs/components/modal.md @@ -39,7 +39,7 @@ There are some caveats regarding using modals on mobile devices. [See our browse ### Static example -A rendered modal with header, body, and set of actions in the footer.</p> +A rendered modal with header, body, and set of actions in the footer. <div class="bd-example bd-example-modal"> <div class="modal"> @@ -172,7 +172,7 @@ Toggle a modal via JavaScript by clicking the button below. It will slide down a {% callout warning %} #### Make modals accessible -Be sure to add `role="dialog"` and `aria-labelledby="..."``, referencing the modal title, to `.modal`, and `role="document"` to the `.modal-dialog` itself. +Be sure to add `role="dialog"` and `aria-labelledby="..."`, referencing the modal title, to `.modal`, and `role="document"` to the `.modal-dialog` itself. Additionally, you may give a description of your modal dialog with `aria-describedby` on `.modal`. {% endcallout %} @@ -264,7 +264,7 @@ For modals that simply appear rather than fade in to view, remove the `.fade` cl ## Using the grid system -To take advantage of the Bootstrap grid system within a modal, just nest `.container-fluid within the `.modal-body` and then use the normal grid system classes within this container. +To take advantage of the Bootstrap grid system within a modal, just nest `.container-fluid` within the `.modal-body` and then use the normal grid system classes within this container. {% example html %} <div id="gridSystemModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridModalLabel" aria-hidden="true"> |