From: ysds <ysds.code@gmail.com>
Date: Thu, 29 Aug 2019 13:12:26 +0000 (+0900)
Subject: Add responsive example
X-Git-Tag: v4.4.0~51
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=8741eed7a5a71662ac492837cc9034f0b8279ded;p=thirdparty%2Fbootstrap.git

Add responsive example
---

diff --git a/site/docs/4.3/layout/grid.md b/site/docs/4.3/layout/grid.md
index dbb7e00c5c..5258cd505c 100644
--- 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 %}