From: Mark Otto <markdotto@gmail.com>
Date: Sun, 9 Oct 2016 20:14:10 +0000 (-0700)
Subject: Move from max-width to width for containers, plus a max-width 100%
X-Git-Tag: v4.0.0-alpha.5~47^2~4
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a43dc8872fb0e4a726424e1471972d94993539c5;p=thirdparty%2Fbootstrap.git

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)
---

diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss
index b381ba900e..88cbd249a0 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%;
     }
   }
 }