Grids
Introduction

Grids can be very powerful and easy at the same time while desigining your page. It makes creating the layouts of the page way easier.

Grid with equal sized columns

You can create a grid with multiple equal sized columns using classes grid-2-col, grid-3-col or grid-4-col as needed.

Column 1
Column 2
Column 1
Column 2
Column 3
Column 1
Column 2
Column 3
Column 4
Grid with columns with different ratios

You can also create grids having columns with different ratios using classes like grid-20-80 to create a grid having one column of 20% of parent conatiner and second column to have 80% of the parent.

Column 1
Column 2
Column 1
Column 2
Column 1
Column 2
Column 1
Column 2
Column 1
Column 2
Column 1
Column 2