diff options
Diffstat (limited to 'site/content/docs/5.0/layout/grid.md')
| -rw-r--r-- | site/content/docs/5.0/layout/grid.md | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/site/content/docs/5.0/layout/grid.md b/site/content/docs/5.0/layout/grid.md index 76b65c1bc..d0c7a80f7 100644 --- a/site/content/docs/5.0/layout/grid.md +++ b/site/content/docs/5.0/layout/grid.md @@ -17,14 +17,14 @@ Bootstrap's grid system uses a series of containers, rows, and columns to layout {{< example class="bd-example-row" >}} <div class="container"> <div class="row"> - <div class="col-sm"> - One of three columns + <div class="col"> + Column </div> - <div class="col-sm"> - One of three columns + <div class="col"> + Column </div> - <div class="col-sm"> - One of three columns + <div class="col"> + Column </div> </div> </div> @@ -434,6 +434,9 @@ Mixins are used in conjunction with the grid variables to generate semantic CSS // Make the element grid-ready (applying everything but the width) @include make-col-ready(); + +// Without optional size values, the mixin will create equal columns (similar to using .col) +@include make-col(); @include make-col($size, $columns: $grid-columns); // Get fancy by offsetting, or changing the sort order |