Open sergeywd opened 3 years ago
Right now, Bootstrap has the following classes available for "row" container:
row-cols-1
row-cols-2
row-cols-3
row-cols-4
row-cols-5
row-cols-6
row-cols-sm-1
row-cols-sm-2
row-cols-sm-3
row-cols-sm-4
row-cols-sm-5
row-cols-sm-6
row-cols-md-1
row-cols-md-2
row-cols-md-3
row-cols-md-4
row-cols-md-5
row-cols-md-6
row-cols-lg-1
row-cols-lg-2
row-cols-lg-3
row-cols-lg-4
row-cols-lg-5
row-cols-lg-6
row-cols-xl-1
row-cols-xl-2
row-cols-xl-3
row-cols-xl-4
row-cols-xl-5
row-cols-xl-6
Here is an example of use:
<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>
I'm glad to announce that this has been added in the successor project for Bootstrap 5 (https://github.com/fsbraun/djangocms-frontend) (which, however, does not support Bootstrap 4 at the moment).
Right now, Bootstrap has the following classes available for "row" container:
row-cols-1
,row-cols-2
,row-cols-3
,row-cols-4
,row-cols-5
,row-cols-6
row-cols-sm-1
,row-cols-sm-2
,row-cols-sm-3
,row-cols-sm-4
,row-cols-sm-5
,row-cols-sm-6
row-cols-md-1
,row-cols-md-2
,row-cols-md-3
,row-cols-md-4
,row-cols-md-5
,row-cols-md-6
row-cols-lg-1
,row-cols-lg-2
,row-cols-lg-3
,row-cols-lg-4
,row-cols-lg-5
,row-cols-lg-6
row-cols-xl-1
,row-cols-xl-2
,row-cols-xl-3
,row-cols-xl-4
,row-cols-xl-5
,row-cols-xl-6
Here is an example of use: