diff options
author | Ethan Clevenger <ethan.c.clevenger@gmail.com> | 2021-12-01 15:34:03 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-12-01 15:34:03 +0300 |
commit | 2fe90d8b1652df283c291f1ab71906e1d8bd105c (patch) | |
tree | 7440cb222e738b0a2684ac39b8e17907c4f641f1 /site | |
parent | e5d8256e42074fdaf4e7418cf2675023dfbb8fe0 (diff) |
Update edge-to-edge design instructions (#35446)
Add note about margins to prevent overflow.
Diffstat (limited to 'site')
-rw-r--r-- | site/content/docs/5.1/layout/gutters.md | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/site/content/docs/5.1/layout/gutters.md b/site/content/docs/5.1/layout/gutters.md index 87d2731a47..9ea13e4ab2 100644 --- a/site/content/docs/5.1/layout/gutters.md +++ b/site/content/docs/5.1/layout/gutters.md @@ -137,7 +137,7 @@ Gutter classes can also be added to [row columns]({{< docsref "/layout/grid#row- The gutters between columns in our predefined grid classes can be removed with `.g-0`. This removes the negative `margin`s from `.row` and the horizontal `padding` from all immediate children columns. -**Need an edge-to-edge design?** Drop the parent `.container` or `.container-fluid`. +**Need an edge-to-edge design?** Drop the parent `.container` or `.container-fluid` and add `.mx-0` to the `.row` to prevent overflow. In practice, here's how it looks. Note you can continue to use this with all other predefined grid classes (including column widths, responsive tiers, reorders, and more). |