aboutsummaryrefslogtreecommitdiff
path: root/docs/4.0/layout
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2017-09-30 15:30:40 -0700
committerMark Otto <[email protected]>2017-09-30 20:30:40 -0700
commit72ef6f4d86ee625f7f14025ad452431f34db9477 (patch)
tree02672334302f152002763ff5e36a42411be5951a /docs/4.0/layout
parent5463612c4deaed86ee34c4494f87be64c52fba1d (diff)
downloadbootstrap-72ef6f4d86ee625f7f14025ad452431f34db9477.tar.xz
bootstrap-72ef6f4d86ee625f7f14025ad452431f34db9477.zip
be more specific about context and breakpoint scaling
Diffstat (limited to 'docs/4.0/layout')
-rw-r--r--docs/4.0/layout/grid.md6
1 files changed, 3 insertions, 3 deletions
diff --git a/docs/4.0/layout/grid.md b/docs/4.0/layout/grid.md
index 05c01d885..2bf3ddb0f 100644
--- a/docs/4.0/layout/grid.md
+++ b/docs/4.0/layout/grid.md
@@ -35,9 +35,9 @@ The above example creates three equal-width columns on small, medium, large, and
Breaking it down, here's how it works:
- Containers provide a means to center and horizontally pad your site's contents. Use `.container` for a responsive pixel width or `.container-fluid` for `width: 100%` across all viewport and device sizes.
-- Rows are wrappers for columns. Each column has horizontal `padding` (called a gutter) for controlling the space between them. This `padding` is then counteracted on the rows with negative margins; this way, all your content is aligned properly down the left side.
-- Content should be placed within columns, and only columns may be immediate children of rows.
-- Thanks to flexbox, grid columns without a set width will automatically layout with equal widths. For example, four instances of `.col-sm` will each automatically be 25% wide for small breakpoints.
+- Rows are wrappers for columns. Each column has horizontal `padding` (called a gutter) for controlling the space between them. This `padding` is then counteracted on the rows with negative margins. This way, all the content in your columns is visually aligned down the left side.
+- In a grid layout, content must be placed within columns and only columns may be immediate children of rows.
+- Thanks to flexbox, grid columns without a specified `width` will automatically layout as equal width columns. For example, four instances of `.col-sm` will each automatically be 25% wide from the small breakpoint and up.
- Column classes indicate the number of columns you'd like to use out of the possible 12 per row. So, if you want three equal-width columns, you can use `.col-sm-4`.
- Column `width`s are set in percentages, so they're always fluid and sized relative to their parent element.
- Columns have horizontal `padding` to create the gutters between individual columns, however, you can remove the `margin` from rows and `padding` from columns with `.no-gutters` on the `.row`.