There is no option to set native Bootstrap "row columns" classes in "row" plugin

[sergeywd]

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>

[fsbraun]

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).