mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-20 20:00:36 +03:00
Add responsive example
This commit is contained in:
@@ -395,6 +395,20 @@ Use these row columns classes to quickly create basic grid layouts or to control
|
|||||||
{% include example.html content=example %}
|
{% include example.html content=example %}
|
||||||
</div>
|
</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()`:
|
You can also use the accompanying Sass mixin, `row-cols()`:
|
||||||
|
|
||||||
{% highlight scss %}
|
{% highlight scss %}
|
||||||
|
|||||||
Reference in New Issue
Block a user