Move the grid offset, push, and pull classes to be tablets-up instead of desktop-up

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 938ddc14b37f38fe91322ea139f7698a680bc1f7..fb11fc29ca4a53ffb785a1ece63be39eb817976f 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -883,42 +883,6 @@ pre code {
   .col-md-11 {
     width: 0.9166666666666666;
   }
-}
-
-@media (min-width: 992px) {
-  .col-lg-1 {
-    width: 8.333333333333332%;
-  }
-  .col-lg-2 {
-    width: 16.666666666666664%;
-  }
-  .col-lg-3 {
-    width: 25%;
-  }
-  .col-lg-4 {
-    width: 33.33333333333333%;
-  }
-  .col-lg-5 {
-    width: 41.66666666666667%;
-  }
-  .col-lg-6 {
-    width: 50%;
-  }
-  .col-lg-7 {
-    width: 58.333333333333336%;
-  }
-  .col-lg-8 {
-    width: 66.66666666666666%;
-  }
-  .col-lg-9 {
-    width: 75%;
-  }
-  .col-lg-10 {
-    width: 83.33333333333334%;
-  }
-  .col-lg-11 {
-    width: 91.66666666666666%;
-  }
   .col-offset-1 {
     margin-left: 8.333333333333332%;
   }
@@ -1020,6 +984,42 @@ pre code {
   }
 }
 
+@media (min-width: 992px) {
+  .col-lg-1 {
+    width: 8.333333333333332%;
+  }
+  .col-lg-2 {
+    width: 16.666666666666664%;
+  }
+  .col-lg-3 {
+    width: 25%;
+  }
+  .col-lg-4 {
+    width: 33.33333333333333%;
+  }
+  .col-lg-5 {
+    width: 41.66666666666667%;
+  }
+  .col-lg-6 {
+    width: 50%;
+  }
+  .col-lg-7 {
+    width: 58.333333333333336%;
+  }
+  .col-lg-8 {
+    width: 66.66666666666666%;
+  }
+  .col-lg-9 {
+    width: 75%;
+  }
+  .col-lg-10 {
+    width: 83.33333333333334%;
+  }
+  .col-lg-11 {
+    width: 91.66666666666666%;
+  }
+}
+
 @media screen and (min-width: 768px) {
   .container {
     max-width: 728px;

diff --git a/less/grid.less b/less/grid.less
index 23aa069e3afa4eb0e02f6f2cf1ebba779cf5b28d..82b7b60c8c24263a612c71c28cdc28885f0557a9 100644 (file)
--- a/less/grid.less
+++ b/less/grid.less
@@ -75,21 +75,6 @@
   .col-md-9  { width: (9 / @grid-columns); }
   .col-md-10 { width: (10/ @grid-columns); }
   .col-md-11 { width: (11/ @grid-columns); }
-}
-
-@media (min-width: @screen-desktop) {
-  // Large columns (desktop and up)
-  .col-lg-1  { width: percentage(1 / @grid-columns); }
-  .col-lg-2  { width: percentage(2 / @grid-columns); }
-  .col-lg-3  { width: percentage(3 / @grid-columns); }
-  .col-lg-4  { width: percentage(4 / @grid-columns); }
-  .col-lg-5  { width: percentage(5 / @grid-columns); }
-  .col-lg-6  { width: percentage(6 / @grid-columns); }
-  .col-lg-7  { width: percentage(7 / @grid-columns); }
-  .col-lg-8  { width: percentage(8 / @grid-columns); }
-  .col-lg-9  { width: percentage(9 / @grid-columns); }
-  .col-lg-10 { width: percentage(10/ @grid-columns); }
-  .col-lg-11 { width: percentage(11/ @grid-columns); }
 
   // Offsets
   .col-offset-1  { margin-left: percentage(1 / @grid-columns); }
@@ -130,6 +115,21 @@
   .col-pull-11 { right: percentage(11/ @grid-columns); }
 }
 
+@media (min-width: @screen-desktop) {
+  // Large columns (desktop and up)
+  .col-lg-1  { width: percentage(1 / @grid-columns); }
+  .col-lg-2  { width: percentage(2 / @grid-columns); }
+  .col-lg-3  { width: percentage(3 / @grid-columns); }
+  .col-lg-4  { width: percentage(4 / @grid-columns); }
+  .col-lg-5  { width: percentage(5 / @grid-columns); }
+  .col-lg-6  { width: percentage(6 / @grid-columns); }
+  .col-lg-7  { width: percentage(7 / @grid-columns); }
+  .col-lg-8  { width: percentage(8 / @grid-columns); }
+  .col-lg-9  { width: percentage(9 / @grid-columns); }
+  .col-lg-10 { width: percentage(10/ @grid-columns); }
+  .col-lg-11 { width: percentage(11/ @grid-columns); }
+}
+
 // Responsive: Tablets and up
 @media screen and (min-width: @screen-tablet) {
   .container {