diff options
| author | Mark Otto <[email protected]> | 2016-12-27 14:11:48 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-27 14:11:48 -0800 |
| commit | dac31ebf35a25d3236de9b63f6b957c504aa7e58 (patch) | |
| tree | 8d12aacf61869e8d7375fe1fbc6c2e9558303c28 /docs/layout/grid.md | |
| parent | 8de5730c87cd87ecdb1c6de24924f3362d70d911 (diff) | |
| download | bootstrap-dac31ebf35a25d3236de9b63f6b957c504aa7e58.tar.xz bootstrap-dac31ebf35a25d3236de9b63f6b957c504aa7e58.zip | |
fixes #21445
remove broken example class from grid docs
Diffstat (limited to 'docs/layout/grid.md')
| -rw-r--r-- | docs/layout/grid.md | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/docs/layout/grid.md b/docs/layout/grid.md index efdf3a937..6537f70a1 100644 --- a/docs/layout/grid.md +++ b/docs/layout/grid.md @@ -16,7 +16,7 @@ Bootstrap includes a powerful mobile-first flexbox grid system for building layo Bootstrap's grid system uses a series of containers, rows, and columns to layout and align content. It's built with flexbox and is fully responsive. Below is an example and an in-depth look at how the grid comes together. -<div class="bd-example bd-example-row bd-example-row-intro"> +<div class="bd-example bd-example-row"> <div class="container"> <div class="row"> <div class="col-sm"> @@ -36,8 +36,8 @@ The above example creates three equal-width columns on small, medium, large, and Breaking it down, here's how it works: -- Containers (outlined in blue above) provide a means to center your site's contents. Use `.container` for fixed width or `.container-fluid` for full width. -- Rows (outlined in red above) 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 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. - 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`. |