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

fixes #21445

Browse Source 
remove broken example class from grid docs
This commit is contained in:
Mark Otto 2016-12-27 14:11:48 -08:00
parent 8de5730c87
commit dac31ebf35
2 changed files with 3 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
docs/assets/scss/_component-examples.scss
View File

@ -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);

6
docs/layout/grid.md
View File

@ -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`.