rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

rewrite containers and rows section

Browse Source
This commit is contained in:
Mark Otto 2017-09-12 19:45:49 -07:00 committed by Mark Otto
parent 92a9b68372
commit 6e9100155d
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/4.0/layout/grid.md
View File

@ -34,8 +34,8 @@ 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 your site's contents. Use `.container` for fixed width or `.container-fluid` for full width.
- Rows are horizontal groups of columns that ensure your columns are lined up properly. We use the negative margin method on `.row` to ensure all your content is aligned properly down the left side.
- 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%`.
- 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.
- 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`.