diff options
| author | Mark Otto <[email protected]> | 2016-02-06 20:18:48 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-02-06 20:18:48 -0800 |
| commit | 6c2b0d2b76ba0b9667fc439592aa2976fd573702 (patch) | |
| tree | 8934ea36a60ad2f9a74954933df0b18edaf2f3b4 /docs | |
| parent | 9ca44d29f52806975ecef0bbb100449ebde69cee (diff) | |
| download | bootstrap-6c2b0d2b76ba0b9667fc439592aa2976fd573702.tar.xz bootstrap-6c2b0d2b76ba0b9667fc439592aa2976fd573702.zip | |
Updat modal sizing
- Switch from width to max-width for all widths to avoid scaling outside viewport bounds
- Rejigger the media queries for a more logical breakpoint for the large and small modal sizes
- Avoids changing the width of the default modal (nullifying #17794 and fixing #17581)
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/components/modal.md | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/docs/components/modal.md b/docs/components/modal.md index e8627fe68..a8b1b4850 100644 --- a/docs/components/modal.md +++ b/docs/components/modal.md @@ -181,7 +181,7 @@ Embedding YouTube videos in modals requires additional JavaScript not in Bootstr ## Optional sizes -Modals have two optional sizes, available via modifier classes to be placed on a `.modal-dialog`. +Modals have two optional sizes, available via modifier classes to be placed on a `.modal-dialog`. These size kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports. <div class="bd-example"> <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-lg">Large modal</button> |