1 files changed, 138 insertions, 11 deletions

diff --git a/docs/dist/css/bootstrap-flex.css b/docs/dist/css/bootstrap-flex.css
index 1a1ca06a2..4dd6cfcdb 100644
--- a/docs/dist/css/bootstrap-flex.css
+++ b/docs/dist/css/bootstrap-flex.css
@@ -6420,16 +6420,143 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   clear: both;
 }
 
-.d-block {
-  display: block !important;
+.d-none {
+  display: none !important;
+}
+
+.d-inline {
+  display: inline !important;
 }
 
 .d-inline-block {
   display: inline-block !important;
 }
 
-.d-inline {
-  display: inline !important;
+.d-block {
+  display: block !important;
+}
+
+.d-table {
+  display: table !important;
+}
+
+.d-table-cell {
+  display: table-cell !important;
+}
+
+.d-flex {
+  display: -webkit-box !important;
+  display: -webkit-flex !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+}
+
+@media (min-width: 576px) and (min-width: 576px) {
+  .d-sm-none {
+    display: none !important;
+  }
+  .d-sm-inline {
+    display: inline !important;
+  }
+  .d-sm-inline-block {
+    display: inline-block !important;
+  }
+  .d-sm-block {
+    display: block !important;
+  }
+  .d-sm-table {
+    display: table !important;
+  }
+  .d-sm-table-cell {
+    display: table-cell !important;
+  }
+  .d-sm-flex {
+    display: -webkit-box !important;
+    display: -webkit-flex !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+  }
+}
+
+@media (min-width: 768px) and (min-width: 768px) {
+  .d-md-none {
+    display: none !important;
+  }
+  .d-md-inline {
+    display: inline !important;
+  }
+  .d-md-inline-block {
+    display: inline-block !important;
+  }
+  .d-md-block {
+    display: block !important;
+  }
+  .d-md-table {
+    display: table !important;
+  }
+  .d-md-table-cell {
+    display: table-cell !important;
+  }
+  .d-md-flex {
+    display: -webkit-box !important;
+    display: -webkit-flex !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+  }
+}
+
+@media (min-width: 992px) and (min-width: 992px) {
+  .d-lg-none {
+    display: none !important;
+  }
+  .d-lg-inline {
+    display: inline !important;
+  }
+  .d-lg-inline-block {
+    display: inline-block !important;
+  }
+  .d-lg-block {
+    display: block !important;
+  }
+  .d-lg-table {
+    display: table !important;
+  }
+  .d-lg-table-cell {
+    display: table-cell !important;
+  }
+  .d-lg-flex {
+    display: -webkit-box !important;
+    display: -webkit-flex !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+  }
+}
+
+@media (min-width: 1200px) and (min-width: 1200px) {
+  .d-xl-none {
+    display: none !important;
+  }
+  .d-xl-inline {
+    display: inline !important;
+  }
+  .d-xl-inline-block {
+    display: inline-block !important;
+  }
+  .d-xl-block {
+    display: block !important;
+  }
+  .d-xl-table {
+    display: table !important;
+  }
+  .d-xl-table-cell {
+    display: table-cell !important;
+  }
+  .d-xl-flex {
+    display: -webkit-box !important;
+    display: -webkit-flex !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+  }
 }
 
 .flex-xs-first {
@@ -6899,19 +7026,19 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   }
 }
 
-.float-xs-left {
+.float-left {
   float: left !important;
 }
 
-.float-xs-right {
+.float-right {
   float: right !important;
 }
 
-.float-xs-none {
+.float-none {
   float: none !important;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 576px) and (min-width: 576px) {
   .float-sm-left {
     float: left !important;
   }
@@ -6923,7 +7050,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 768px) and (min-width: 768px) {
   .float-md-left {
     float: left !important;
   }
@@ -6935,7 +7062,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 992px) and (min-width: 992px) {
   .float-lg-left {
     float: left !important;
   }
@@ -6947,7 +7074,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1200px) and (min-width: 1200px) {
   .float-xl-left {
     float: left !important;
   }