menu

Bootstrap Grid System

Bootstrap Grid System overview :

Bootstrap’s grid system allows you to create layout using rows & columns .Bootstrap gird system is designed to provide the responsive layout which will be compatible to all devices as per their screen size and resolution. Just follow the bootstrap rules and enjoy the responsive development in bootstrap.

The common example for grid system containing the rows & columns is as :

Example

Try it »

Bootstrap Grid System Overview : 12 Columns

Bootstrap allows you to add maximum 12 columns in the page. All 12 columns have equal width

Example

Try it »

The above column will generate the 12 – column pattern. You can also group them to use as per your need.

Output

Bootstrap Grid System overview

Bootstrap Grid System Overview : 2 Columns Set Example

Bootstrap allows you to divide 12 columns layout in columns set. We have shown 6 columns

Example

Try it »

Bootstrap Grid System overview

Bootstrap Grid System Overview : 4 – 8 (Unequal) Columns Set Example

Bootstrap allows you to divide columns in various set layout in columns set. Here is an example of 4-8 column ie.
4 columns and 8 columns.

Example

Try it »

Bootstrap Grid System

Advertisements