ComboStrap UI - Grid (Row and Column)

The grid component is a composition of two tags:

• the row tag
• and the column (or col tag)

Since version 1.2

<row>
   <col></col>
   <col></col>
</col>

They are actually superset HTML component, you can therefore use all Grid bootstrap class

Attributes are in the planning

On a grid of 12 columns, a row with two columns:

• evenly distributed on a large desktop (lg)
• stacked on a mobile phone - col-12 is for the extra small breakpoint.

<row class="px-5">
<col class="col-12 col-lg-6" background-color="green" color="white">First column</col>
<col class="col-12 col-lg-6" background-color="blue" color="white">Second column</col>
</row>

• Output:

You can change the default number of columns from 12 to 16. See Strap Template - Dynamic Grid System