diff options
Diffstat (limited to 'docs')
| -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"> |