rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-17 14:54:30 +01:00
Code Issues Actions Packages Releases Activity

Merge pull request #17047 from petetnt/petetnt-v4-dev-patch-1

Browse Source 
Fixed couple of formatting errors in modal.md (v4)
This commit is contained in:
Chris Rebert 2015-08-19 13:11:27 -07:00
commit 1efb07dad9
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/components/modal.md
View File

@ -39,7 +39,7 @@ There are some caveats regarding using modals on mobile devices. [See our browse
### Static example ### 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="bd-example bd-example-modal">
<div class="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 %} {% callout warning %}
#### Make modals accessible #### 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`. Additionally, you may give a description of your modal dialog with `aria-describedby` on `.modal`.
{% endcallout %} {% endcallout %}
@ -264,7 +264,7 @@ For modals that simply appear rather than fade in to view, remove the `.fade` cl
## Using the grid system ## 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 %} {% example html %}
<div id="gridSystemModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridModalLabel" aria-hidden="true"> <div id="gridSystemModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridModalLabel" aria-hidden="true">