Bootstrap Grid Demonstration

The grid demonstrated below is a fluid equal 4 column layout.

25%
25%
25%
25%

The grid demonstrated below is a fluid equal 3 column auto layout.

1 of 3
2 of 3
3 of 3

The grid demonstrated below is a fluid unequal 3 column layout.

col-3
col-7
col-2

The grid below demonstrates nested grids.

.col-9
.col-6
.col-6
.col-3

The grid below demonstrates mix and match grids

col-6 col-sm-8
50%/50% split on extra small devices and 66%/33% split on larger devices
col-6 col-sm-4