Slots 0-5 represent the 6-column grid. These slots can be combined to create a 3-column grid too.
.slot-0
.slot-1
.slot-2
.slot-3
.slot-4
.slot-5
Slots 6-9 represent the 4-column grid.
.slot-6
.slot-7
.slot-8
.slot-9
Combining slots is as simple as connecting their slot numbers with dashes.
.slot-0
.slot-1-2
.slot-3-4-5
In some situations, you might want to combine the 4- & 6-column grids in a single row. Just use the slot numbers that best represent each slots position in that row.
.slot-0
.slot-7
.slot-8
.slot-4-5
Just add .row
s within .row
s, and then assemble the slots in each row as per usual.
.slot-0
.slot-1-2-3
.slot-1
.slot-1
.slot-2-3
.slot-2
.slot-3
.slot-2-3
.slot-4-5
.slot-4
.slot-5