diff options
| author | ysds <[email protected]> | 2019-08-29 22:12:26 +0900 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2019-08-30 13:07:27 -0700 |
| commit | b1f49092877c83bf2007cc363fc5c6925cc0dc8c (patch) | |
| tree | 36d8daa93479dbb61281c1ff990decdabddfefe1 | |
| parent | ebfeaa4ad18aa67c8ff91ff483f1f3634b2afc85 (diff) | |
| download | bootstrap-b1f49092877c83bf2007cc363fc5c6925cc0dc8c.tar.xz bootstrap-b1f49092877c83bf2007cc363fc5c6925cc0dc8c.zip | |
Add responsive example
| -rw-r--r-- | site/content/docs/4.3/layout/grid.md | 13 |
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 >}} |