fixes #21445

remove broken example class from grid docs

diff --git a/docs/assets/scss/_component-examples.scss b/docs/assets/scss/_component-examples.scss
index f08726484fab9f0a6f89c5a3ac5c4f3244eb2b6a..a9c12a9c89a7683d985c62c2dab2d76d7aa99a11 100644 (file)
--- 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 efdf3a93782d92bafc0eee45e5f635dd47e22a7d..6537f70a13cc122e6abc4b3517894f63856fd071 100644 (file)
--- 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`.