rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Docs: add grid-row-columns variable

Browse Source 
#36691
This commit is contained in:
Hadouin 2022-07-07 03:20:55 +02:00 committed by Mark Otto
parent 8730ef0f8e
commit e57a94cd66
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
site/content/docs/5.2/layout/grid.md
View File

@ -420,6 +420,7 @@ Variables and maps determine the number of columns, the gutter width, and the me
```scss ```scss
$grid-columns: 12; $grid-columns: 12;
$grid-gutter-width: 1.5rem; $grid-gutter-width: 1.5rem;
$grid-row-columns: 6;
``` ```
{{< scss-docs name="grid-breakpoints" file="scss/_variables.scss" >}} {{< 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 ### 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 ```scss
$grid-columns: 12 !default; $grid-columns: 12 !default;
$grid-gutter-width: 1.5rem !default; $grid-gutter-width: 1.5rem !default;
$grid-row-columns: 6 !default;
``` ```
### Grid tiers ### Grid tiers