diff options
Diffstat (limited to 'site/content/docs/5.2/layout/grid.md')
| -rw-r--r-- | site/content/docs/5.2/layout/grid.md | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/site/content/docs/5.2/layout/grid.md b/site/content/docs/5.2/layout/grid.md index 9d147239fe..a9d00376f7 100644 --- a/site/content/docs/5.2/layout/grid.md +++ b/site/content/docs/5.2/layout/grid.md @@ -52,7 +52,7 @@ Be aware of the limitations and [bugs around flexbox](https://github.com/philipw ## Grid options -Bootstrap's grid system can adapt across all six default breakpoints, and any breakpoints you customize. The six default grid tiers are as follow: +Bootstrap's grid system can adapt across all six default breakpoints, and any breakpoints you customize. The six default grid tiers are as follows: - Extra small (xs) - Small (sm) @@ -420,6 +420,7 @@ Variables and maps determine the number of columns, the gutter width, and the me ```scss $grid-columns: 12; $grid-gutter-width: 1.5rem; +$grid-row-columns: 6; ``` {{< scss-docs name="grid-breakpoints" file="scss/_variables.scss" >}} @@ -499,11 +500,12 @@ Using our built-in grid Sass variables and maps, it's possible to completely cus ### Columns and gutters -The number of grid columns can be modified via Sass variables. `$grid-columns` is used to generate the widths (in percent) of each individual column while `$grid-gutter-width` sets the width for the column gutters. +The number of grid columns can be modified via Sass variables. `$grid-columns` is used to generate the widths (in percent) of each individual column while `$grid-gutter-width` sets the width for the column gutters. `$grid-row-columns` is used to set the maximum number of columns of `.row-cols-*`, any number over this limit is ignored. ```scss $grid-columns: 12 !default; $grid-gutter-width: 1.5rem !default; +$grid-row-columns: 6 !default; ``` ### Grid tiers @@ -525,4 +527,4 @@ $container-max-widths: ( ); ``` -When making any changes to the Sass variables or maps, you'll need to save your changes and recompile. Doing so will output a brand new set of predefined grid classes for column widths, offsets, and ordering. Responsive visibility utilities will also be updated to use the custom breakpoints. Make sure to set grid values in `px` (not `rem`, `em`, or `%`). +When making any changes to the Sass variables or maps, you'll need to save your changes and recompile. Doing so will output a brand-new set of predefined grid classes for column widths, offsets, and ordering. Responsive visibility utilities will also be updated to use the custom breakpoints. Make sure to set grid values in `px` (not `rem`, `em`, or `%`). |