aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--site/content/docs/4.3/layout/grid.md13
1 files changed, 13 insertions, 0 deletions
diff --git a/site/content/docs/4.3/layout/grid.md b/site/content/docs/4.3/layout/grid.md
index 454dcd4ae..2245dbe54 100644
--- a/site/content/docs/4.3/layout/grid.md
+++ b/site/content/docs/4.3/layout/grid.md
@@ -382,6 +382,19 @@ Use these row columns classes to quickly create basic grid layouts or to control
{{< /example >}}
</div>
+<div class="bd-example-row">
+{{< example >}}
+<div class="container">
+ <div class="row row-cols-1 row-cols-sm-2 row-cols-md-4">
+ <div class="col">Column</div>
+ <div class="col">Column</div>
+ <div class="col">Column</div>
+ <div class="col">Column</div>
+ </div>
+</div>
+{{< /example >}}
+</div>
+
You can also use the accompanying Sass mixin, `row-cols()`:
{{< highlight scss >}}