A row can have 1-12 columns. Our block can easily add multiple columns. All you need to do is select the class from the dropdown options.
Block example
This column is responsive and the width varies as per the column selected size
This column has column width col-lg-12 for large devices, col-md-8 for medium devices, col-sm-10 for small devices and col-xs-12 for extra small devices
The class output will be class=”col-xs-12 col-sm-10 col-md-8 col-lg-12″
Configurable options
| Column width | Column classes indicate the number of columns you’d like to use out of the possible 12 per row. So, if you want three equal-width columns across, you can use .col-lg-4. or .col-md-4 .col-sm-4 or .col-xs-4 lg is for large devices, md is for medium devices, sm for small and xs for extra small devices |
| Flex classes | You can use auto-layout/equal layout for flexbox grid columns like col or col-* from 1-12 |
| Text alignment | Options to left center and right align text |
