From: Mark Otto Date: Sat, 30 Sep 2017 22:03:45 +0000 (-0700) Subject: be more specific X-Git-Tag: v4.0.0-beta.2~179 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=5463612c4deaed86ee34c4494f87be64c52fba1d;p=thirdparty%2Fbootstrap.git be more specific --- diff --git a/docs/4.0/layout/grid.md b/docs/4.0/layout/grid.md index 4389c36cea..05c01d885f 100644 --- a/docs/4.0/layout/grid.md +++ b/docs/4.0/layout/grid.md @@ -34,7 +34,7 @@ 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 specific pixel width or `.container-fluid` for `width: 100%`. +- 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.