Grid system
The grid system is a flexible and powerful system for arranging content. It's based on a 12-column grid, and it's easy to use.
Usage grid system
For usage a grid system, used row CSS class in your parent element. Used col-i CSS class in your child element. i is a number from 1 to 12.
The col-s-i CSS class, start in i column, and finish in col-i + col-s-i -1 column.
For example, for center the col-s-5 col-4 text, you can use the following CSS class :
col-s-5 col-4.
col-s-5 start in column number 5 of grid system. col-4 extends to 4 columns. The combination of two classes, finished display text in column 8.
The start column of grid system is 1. If used the col-s-2 CSS class, the start column is 2. col-s-i, is not number of skip columns, but the column from which the element will start.