Add responsive example

diff --git a/site/docs/4.3/layout/grid.md b/site/docs/4.3/layout/grid.md
index dbb7e00c5cb233636e895cf55d3ade92102b850a..5258cd505ca5805d418ceeb331e18447d24927fa 100644 (file)
--- a/site/docs/4.3/layout/grid.md
+++ b/site/docs/4.3/layout/grid.md
@@ -395,6 +395,20 @@ Use these row columns classes to quickly create basic grid layouts or to control
 {% include example.html content=example %}
 </div>
 
+<div class="bd-example-row">
+{% capture 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>
+{% endcapture %}
+{% include example.html content=example %}
+</div>
+
 You can also use the accompanying Sass mixin, `row-cols()`:
 
 {% highlight scss %}