Merge pull request #7704 from twitter/bs3_moar_grid_changes

BS3: Overhaul grid system once more

1 files changed, 35 insertions, 38 deletions

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 5ebb752be..97e43f22c 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -784,107 +784,98 @@ pre code {
   margin-left: -15px;
 }
 
-[class*="col-span-"],
-[class*="col-small-"] {
+.col {
   position: relative;
+  float: left;
+  width: 100%;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
 }
 
-[class*="col-small-"] {
-  float: left;
-}
-
-.col-small-span-12 {
+.col-sm-12 {
   width: 100%;
 }
 
-.col-small-span-11 {
+.col-sm-11 {
   width: 91.66666666666666%;
 }
 
-.col-small-span-10 {
+.col-sm-10 {
   width: 83.33333333333334%;
 }
 
-.col-small-span-9 {
+.col-sm-9 {
   width: 75%;
 }
 
-.col-small-span-8 {
+.col-sm-8 {
   width: 66.66666666666666%;
 }
 
-.col-small-span-7 {
+.col-sm-7 {
   width: 58.333333333333336%;
 }
 
-.col-small-span-6 {
+.col-sm-6 {
   width: 50%;
 }
 
-.col-small-span-5 {
+.col-sm-5 {
   width: 41.66666666666667%;
 }
 
-.col-small-span-4 {
+.col-sm-4 {
   width: 33.33333333333333%;
 }
 
-.col-small-span-3 {
+.col-sm-3 {
   width: 25%;
 }
 
-.col-small-span-2 {
+.col-sm-2 {
   width: 16.666666666666664%;
 }
 
-.col-small-span-1 {
+.col-sm-1 {
   width: 8.333333333333332%;
 }
 
 @media screen and (min-width: 768px) {
-  .container {
-    max-width: 728px;
-  }
-  [class*="col-span-"] {
-    float: left;
-  }
-  .col-span-12 {
+  .col-lg-12 {
     width: 100%;
   }
-  .col-span-11 {
+  .col-lg-11 {
     width: 91.66666666666666%;
   }
-  .col-span-10 {
+  .col-lg-10 {
     width: 83.33333333333334%;
   }
-  .col-span-9 {
+  .col-lg-9 {
     width: 75%;
   }
-  .col-span-8 {
+  .col-lg-8 {
     width: 66.66666666666666%;
   }
-  .col-span-7 {
+  .col-lg-7 {
     width: 58.333333333333336%;
   }
-  .col-span-6 {
+  .col-lg-6 {
     width: 50%;
   }
-  .col-span-5 {
+  .col-lg-5 {
     width: 41.66666666666667%;
   }
-  .col-span-4 {
+  .col-lg-4 {
     width: 33.33333333333333%;
   }
-  .col-span-3 {
+  .col-lg-3 {
     width: 25%;
   }
-  .col-span-2 {
+  .col-lg-2 {
     width: 16.666666666666664%;
   }
-  .col-span-1 {
+  .col-lg-1 {
     width: 8.333333333333332%;
   }
   .col-offset-12 {
@@ -997,6 +988,12 @@ pre code {
   }
 }
 
+@media screen and (min-width: 768px) {
+  .container {
+    max-width: 728px;
+  }
+}
+
 @media screen and (min-width: 992px) {
   .container {
     max-width: 940px;
@@ -1009,9 +1006,9 @@ pre code {
   }
 }
 
-[class*="col-span-"].pull-right {
+/*[class*="col-span-"].pull-right {
   float: right;
-}
+}*/
 
 table {
   max-width: 100%;