Merge branch 'v4-dev' of github.com:twbs/bootstrap into v4-dev

1 files changed, 79 insertions, 2 deletions

diff --git a/docs/assets/css/docs-flexbox.min.css b/docs/assets/css/docs-flexbox.min.css
index becbd030a..85adba6cc 100644
--- a/docs/assets/css/docs-flexbox.min.css
+++ b/docs/assets/css/docs-flexbox.min.css
@@ -273,8 +273,36 @@
 .container {
   margin-left: auto;
   margin-right: auto;
-  padding-left: 15px;
   padding-right: 15px;
+  padding-left: 15px;
+}
+
+@media (min-width: 576px) {
+  .container {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+}
+
+@media (min-width: 768px) {
+  .container {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+}
+
+@media (min-width: 992px) {
+  .container {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .container {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
 }
 
 @media (min-width: 576px) {
@@ -308,8 +336,36 @@
 .container-fluid {
   margin-left: auto;
   margin-right: auto;
-  padding-left: 15px;
   padding-right: 15px;
+  padding-left: 15px;
+}
+
+@media (min-width: 576px) {
+  .container-fluid {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+}
+
+@media (min-width: 768px) {
+  .container-fluid {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+}
+
+@media (min-width: 992px) {
+  .container-fluid {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .container-fluid {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
 }
 
 .row {
@@ -389,6 +445,11 @@
   max-width: 100%;
 }
 
+.col-xs-auto {
+  flex: 0 0 auto;
+  width: auto;
+}
+
 .col-xs-1 {
   flex: 0 0 8.333333%;
   max-width: 8.333333%;
@@ -603,6 +664,10 @@
     flex-grow: 1;
     max-width: 100%;
   }
+  .col-sm-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
   .col-sm-1 {
     flex: 0 0 8.333333%;
     max-width: 8.333333%;
@@ -773,6 +838,10 @@
     flex-grow: 1;
     max-width: 100%;
   }
+  .col-md-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
   .col-md-1 {
     flex: 0 0 8.333333%;
     max-width: 8.333333%;
@@ -943,6 +1012,10 @@
     flex-grow: 1;
     max-width: 100%;
   }
+  .col-lg-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
   .col-lg-1 {
     flex: 0 0 8.333333%;
     max-width: 8.333333%;
@@ -1113,6 +1186,10 @@
     flex-grow: 1;
     max-width: 100%;
   }
+  .col-xl-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
   .col-xl-1 {
     flex: 0 0 8.333333%;
     max-width: 8.333333%;