Move grid offsets to desktop only (fixes #8229)

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 48d6815b2e15e431ccbfebba28a23ad7626d4ef2..b7e026dbb767e53b90d97fe992182341160703c1 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -933,39 +933,6 @@ pre code {
   .col-sm-12 {
     width: 100%;
   }
-  .col-offset-1 {
-    margin-left: 8.333333333333332%;
-  }
-  .col-offset-2 {
-    margin-left: 16.666666666666664%;
-  }
-  .col-offset-3 {
-    margin-left: 25%;
-  }
-  .col-offset-4 {
-    margin-left: 33.33333333333333%;
-  }
-  .col-offset-5 {
-    margin-left: 41.66666666666667%;
-  }
-  .col-offset-6 {
-    margin-left: 50%;
-  }
-  .col-offset-7 {
-    margin-left: 58.333333333333336%;
-  }
-  .col-offset-8 {
-    margin-left: 66.66666666666666%;
-  }
-  .col-offset-9 {
-    margin-left: 75%;
-  }
-  .col-offset-10 {
-    margin-left: 83.33333333333334%;
-  }
-  .col-offset-11 {
-    margin-left: 91.66666666666666%;
-  }
   .col-push-1 {
     left: 8.333333333333332%;
   }
@@ -1088,6 +1055,39 @@ pre code {
   .col-lg-12 {
     width: 100%;
   }
+  .col-offset-1 {
+    margin-left: 8.333333333333332%;
+  }
+  .col-offset-2 {
+    margin-left: 16.666666666666664%;
+  }
+  .col-offset-3 {
+    margin-left: 25%;
+  }
+  .col-offset-4 {
+    margin-left: 33.33333333333333%;
+  }
+  .col-offset-5 {
+    margin-left: 41.66666666666667%;
+  }
+  .col-offset-6 {
+    margin-left: 50%;
+  }
+  .col-offset-7 {
+    margin-left: 58.333333333333336%;
+  }
+  .col-offset-8 {
+    margin-left: 66.66666666666666%;
+  }
+  .col-offset-9 {
+    margin-left: 75%;
+  }
+  .col-offset-10 {
+    margin-left: 83.33333333333334%;
+  }
+  .col-offset-11 {
+    margin-left: 91.66666666666666%;
+  }
 }
 
 @media (min-width: 1200px) {

diff --git a/less/grid.less b/less/grid.less
index e8082d369580d3fb4bbb187dc7b0a569f0a9b1f9..12803f39af6ef8d808aa1a026e8bfd123087a9cd 100644 (file)
--- a/less/grid.less
+++ b/less/grid.less
@@ -124,19 +124,6 @@
   .col-sm-11 { width: percentage((11/ @grid-columns)); }
   .col-sm-12 { width: 100%; }
 
-  // Offsets
-  .col-offset-1  { margin-left: percentage((1 / @grid-columns)); }
-  .col-offset-2  { margin-left: percentage((2 / @grid-columns)); }
-  .col-offset-3  { margin-left: percentage((3 / @grid-columns)); }
-  .col-offset-4  { margin-left: percentage((4 / @grid-columns)); }
-  .col-offset-5  { margin-left: percentage((5 / @grid-columns)); }
-  .col-offset-6  { margin-left: percentage((6 / @grid-columns)); }
-  .col-offset-7  { margin-left: percentage((7 / @grid-columns)); }
-  .col-offset-8  { margin-left: percentage((8 / @grid-columns)); }
-  .col-offset-9  { margin-left: percentage((9 / @grid-columns)); }
-  .col-offset-10 { margin-left: percentage((10/ @grid-columns)); }
-  .col-offset-11 { margin-left: percentage((11/ @grid-columns)); }
-
   // Push and pull columns for source order changes
   .col-push-1  { left: percentage((1 / @grid-columns)); }
   .col-push-2  { left: percentage((2 / @grid-columns)); }
@@ -194,6 +181,19 @@
   .col-lg-10 { width: percentage((10/ @grid-columns)); }
   .col-lg-11 { width: percentage((11/ @grid-columns)); }
   .col-lg-12 { width: 100%; }
+
+  // Offsets
+  .col-offset-1  { margin-left: percentage((1 / @grid-columns)); }
+  .col-offset-2  { margin-left: percentage((2 / @grid-columns)); }
+  .col-offset-3  { margin-left: percentage((3 / @grid-columns)); }
+  .col-offset-4  { margin-left: percentage((4 / @grid-columns)); }
+  .col-offset-5  { margin-left: percentage((5 / @grid-columns)); }
+  .col-offset-6  { margin-left: percentage((6 / @grid-columns)); }
+  .col-offset-7  { margin-left: percentage((7 / @grid-columns)); }
+  .col-offset-8  { margin-left: percentage((8 / @grid-columns)); }
+  .col-offset-9  { margin-left: percentage((9 / @grid-columns)); }
+  .col-offset-10 { margin-left: percentage((10/ @grid-columns)); }
+  .col-offset-11 { margin-left: percentage((11/ @grid-columns)); }
 }
 
 // Large desktops and up