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