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 @@
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.
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>