diff --git a/docs/grid.html b/docs/grid.html index 903649b..5c136dc 100644 --- a/docs/grid.html +++ b/docs/grid.html @@ -351,43 +351,41 @@

Column offsets

-
-
-
-
size = 10, offset = 1
-
fluid, offset = 2
+
+

+
size = 8, offset = 2
size = 6, offset = 3
-
size = 8, offset = 4
+
size = 4, offset = 4
-
size = 5, offset = 1
-
size = 5, offset = 1
+
size = 4, offset = 1
+
size = 4, offset = 2
-
+

If you want to move columns to the right, you can use the offset classes on your columns. Offset classes use the .col-SCR_SZ-offset-COL_WD syntax, where SCR_SZ is one of the available screen size names (sm, md or lg) and COL_WD a number from 0 to 11 specifying the width of the column's offset. Offsets can also be used in combination with screen-specific layouts and column sizes, providing you with greater flexibility when spacing out your content.

Sample code

The example presented below showcases the grid system's offsetting syntax for smaller screens, but you can do the same thing for any screen size.

<div class="container">
   <div class="row">
-    <div class="col-sm-10 col-sm-offset-1">
+    <div class="col-sm-8 col-sm-offset-2">
     </div>
   </div>
   <div class="row">
-    <div class="col-sm col-sm-offset-2">
+    <div class="col-sm-6 col-sm-offset-3">
     </div>
   </div>
 <div class="row">
-    <div class="col-sm-6 col-sm-offset-3">
+    <div class="col-sm-4 col-sm-offset-4">
     </div>
 </div>
   <div class="row">
-    <div class="col-sm-8 col-sm-offset-4">
+    <div class="col-sm col-sm-offset-1">
     </div>
   <div class="row">
-    <div class="col-sm-5 col-sm-offset-1">
+    <div class="col-sm-4 col-sm-offset-1">
     </div>
-    <div class="col-sm-5 col-sm-offset-1">
+    <div class="col-sm-4 col-sm-offset-2">
     </div>
   </div>
 </div>

@@ -431,18 +429,18 @@
-

Small screen layout


-
+


+
+
first
+
 
+
 
+


+
 
normal
 
-

Medium screen layout


-
-
first
-
 
-
 
-

Large screen layout


+


 
 
diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md index ebd268b..b02da64 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -832,3 +832,4 @@ - Minimized the internal CSS of all the pages. - Shrinked page sizes a little bit across all pages, except `quick_reference.html`. - Minor updates to `quick_reference.html` to get size a bit lower. +- Updated existing documentation for `grid` module.