Welcome in Superactive . Relax , We've already done it for you

Asymmetrical

large 3desktop 3tablet 6mobile 8
large 9desktop 9tablet 6mobile 4
large 3desktop 3tablet 12mobile 12
large 9desktop 9tablet 12mobile 12

Symmetrical

large 3desktop 3tablet 3mobile 3
large 3desktop 3tablet 3mobile 3
large 3desktop 3tablet 3mobile 3
large 3desktop 3tablet 3mobile 3

Column

large 4desktop 4tablet 4mobile 4
large 4desktop 4tablet 4mobile 4
large 4desktop 4tablet 4mobile 4

Universal responsive class

Just use .col if you want

large 4desktop 4tablet 4mobile 4
large 4desktop 4tablet 4mobile 4
large 4desktop 4tablet 4mobile 4

Collapse row

No margin between columns . Add .width-per-* where * is width in percentage.

Its universal and responsive.

large 4desktop 4tablet 4mobile 4
large 4desktop 4tablet 4mobile 4
large 4desktop 4tablet 4mobile 4