diff options
| author | Patrick H. Lauke <[email protected]> | 2021-05-04 12:46:06 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2021-05-04 12:46:06 +0100 |
| commit | 8865a8ab1c7157ab81bf49afa62b75f36daee46d (patch) | |
| tree | 97ef78f2ea8e07aab50014176d061fe3c1d49134 /site/content/docs/5.0/layout/grid.md | |
| parent | 018ee6a3b50b958ddb49657086cd9168abf5a485 (diff) | |
| parent | 7ea6578773cb1b7f5cfb8fb41321b3fa10349daf (diff) | |
| download | bootstrap-jo-docs-thanks-page.tar.xz bootstrap-jo-docs-thanks-page.zip | |
Merge branch 'main' into jo-docs-thanks-pagejo-docs-thanks-page
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 |