diff --git a/docs/assets/scss/_component-examples.scss b/docs/assets/scss/_component-examples.scss index f08726484f..a9c12a9c89 100644 --- a/docs/assets/scss/_component-examples.scss +++ b/docs/assets/scss/_component-examples.scss @@ -27,17 +27,6 @@ } } -.bd-example-row-intro { - .container { - padding: 1px; - border: 1px solid rgba($red,.5); - } - .row { - padding: 1px; - border: 1px solid rgba($blue,.5); - } -} - .bd-example-row-flex-cols .row { min-height: 10rem; background-color: rgba(255,0,0,.1); diff --git a/docs/layout/grid.md b/docs/layout/grid.md index efdf3a9378..6537f70a13 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. -
+
@@ -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`.