diff options
Diffstat (limited to 'vendor/twbs/bootstrap/site/content/docs/5.2/layout')
3 files changed, 5 insertions, 3 deletions
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.2/layout/breakpoints.md b/vendor/twbs/bootstrap/site/content/docs/5.2/layout/breakpoints.md index df56924b3..e773b8f9a 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.2/layout/breakpoints.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.2/layout/breakpoints.md @@ -22,7 +22,7 @@ Bootstrap includes six default breakpoints, sometimes referred to as _grid tiers {{< bs-table "table" >}} | Breakpoint | Class infix | Dimensions | | --- | --- | --- | -| Extra small | <em>None</em> |<576px | +| Extra small | <em>None</em> |<576px | | Small | `sm` | ≥576px | | Medium | `md` | ≥768px | | Large | `lg` | ≥992px | diff --git a/vendor/twbs/bootstrap/site/content/docs/5.2/layout/grid.md b/vendor/twbs/bootstrap/site/content/docs/5.2/layout/grid.md index 44465e907..a9d00376f 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.2/layout/grid.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.2/layout/grid.md @@ -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 diff --git a/vendor/twbs/bootstrap/site/content/docs/5.2/layout/gutters.md b/vendor/twbs/bootstrap/site/content/docs/5.2/layout/gutters.md index 1cb68303f..586209451 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.2/layout/gutters.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.2/layout/gutters.md @@ -48,7 +48,7 @@ An alternative solution is to add a wrapper around the `.row` with the `.overflo ## Vertical gutters -`.gy-*` classes can be used to control the vertical gutter widths. Like the horizontal gutters, the vertical gutters can cause some overflow below the `.row` at the end of a page. If this occurs, you add a wrapper around `.row` with the `.overflow-hidden` class: +`.gy-*` classes can be used to control the vertical gutter widths within a row when columns wrap to new lines. Like the horizontal gutters, the vertical gutters can cause some overflow below the `.row` at the end of a page. If this occurs, you add a wrapper around `.row` with the `.overflow-hidden` class: {{< example >}} <div class="container overflow-hidden text-center"> |