diff options
| author | Mark Otto <[email protected]> | 2016-10-09 13:14:10 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-10-09 13:14:10 -0700 |
| commit | a43dc8872fb0e4a726424e1471972d94993539c5 (patch) | |
| tree | 7782e7ad3bc75757f877d2c23d8fbcddb37ec2ef | |
| parent | f49a7a2a0830ced28c5dbd8f94e04ad2f9d7425d (diff) | |
| download | bootstrap-a43dc8872fb0e4a726424e1471972d94993539c5.tar.xz bootstrap-a43dc8872fb0e4a726424e1471972d94993539c5.zip | |
Move from max-width to width for containers, plus a max-width 100%
- Fixes issues between float and flex grid systems where container wouldn't fill the available width in Chrome & FF (but would in Safari)
- Fixes #20681
- Fixes #17621 (basically same issue as above issue)
| -rw-r--r-- | scss/mixins/_grid.scss | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss index b381ba900..88cbd249a 100644 --- a/scss/mixins/_grid.scss +++ b/scss/mixins/_grid.scss @@ -17,7 +17,8 @@ @mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) { @each $breakpoint, $container-max-width in $max-widths { @include media-breakpoint-up($breakpoint, $breakpoints) { - max-width: $container-max-width; + width: $container-max-width; + max-width: 100%; } } } |