kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

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

Fixed couple of formatting errors in modal.md (v4)
This commit is contained in:
Chris Rebert 2015-08-19 13:11:27 -07:00
parent 7102ac6e6c 66a9ed278e
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
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">