Grid

These modular elements can be readily used and customized in every layout across pages.

For detail documentation. View Grid on Bootstrap ⟶

Example

<div class="col-12"></div>

col -12

<div class="col-6"></div>

col -6

col -6

<div class="col-4"></div>

col -4

col -4

col -4

<div class="col-3"></div>

col -3

col -3

col -3

col -3

<div class="col-2"></div>

col -2

col -2

col -2

col -2

col -2

col -2

<div class="col-1"></div>

col -1

col -1

col -1

col -1

col -1

col -1

col -1

col -1

col -1

col -1

col -1

col -1

Responsive grid

col-sm-6 col-md-4 col-lg-4

col-sm-6 col-md-4 col-lg-4

col-sm-6 col-md-4 col-lg-4

col-sm-6 col-md-4 col-lg-4

col-6 col-sm-4 col-md-3

col-6 col-sm-4 col-md-3

col-6 col-sm-4 col-md-3

col-6 col-sm-4 col-md-3