From b1f49092877c83bf2007cc363fc5c6925cc0dc8c Mon Sep 17 00:00:00 2001
From: ysds <ysds.code@gmail.com>
Date: Thu, 29 Aug 2019 22:12:26 +0900
Subject: [PATCH] Add responsive example
---
site/content/docs/4.3/layout/grid.md | 13 +++++++++++++
1 file changed, 13 insertions(+)
diff --git a/site/content/docs/4.3/layout/grid.md b/site/content/docs/4.3/layout/grid.md
index 454dcd4aec..2245dbe54f 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 >}}
--
GitLab