Remove containers from documentation

twbs · Mar 11, 2020 · 7169b33 · 7169b33
1 parent 24ac559
commit 7169b33
Show file tree

Hide file tree

Showing 4 changed files with 369 additions and 454 deletions.
diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss
@@ -15,7 +15,7 @@
   }
 
   .row + .row {
-    margin-top: 1rem;
+    margin-top: 0;
   }
 }
 
@@ -29,15 +29,6 @@
   border: 1px solid rgba($bd-purple, .15);
 }
 
-.bd-example-responsive-containers {
-  [class^="container"] {
-    padding-top: .75rem;
-    padding-bottom: .75rem;
-    background-color: rgba(86, 61, 124, .15);
-    border: 1px solid rgba(86, 61, 124, .2);
-  }
-}
-
 // Grid mixins
 .example-container {
   width: 800px;

diff --git a/site/content/docs/4.3/components/card.md b/site/content/docs/4.3/components/card.md
@@ -571,7 +571,7 @@ Use the Bootstrap grid system and its [`.row-cols` classes]({{< docsref "/layout
 Change it to `.row-cols-3` and you'll see the fourth card wrap.
 
 {{< example >}}
-<div class="row row-cols-md-3 g-4">
+<div class="row row-cols-md-3">
   <div class="card">
     {{< placeholder width="100%" height="140" class="card-img-top" text="Image cap" >}}
     <div class="card-body">
@@ -607,7 +607,7 @@ Change it to `.row-cols-3` and you'll see the fourth card wrap.
 Just like with card groups, card footers will automatically line up.
 
 {{< example >}}
-<div class="row row-cols-1 row-cols-md-3 g-4">
+<div class="row row-cols-1 row-cols-md-3">
   <div class="card">
     {{< placeholder width="100%" height="180" class="card-img-top" text="Image cap" >}}
     <div class="card-body">