Responsive Grid

resize your screen to see the grid change

Rows and Columns

col

col

col

col

.row .center

col lg-1of3 sm-full

.col lg-1of3 sm-full

.col lg-1of3 sm-full

Nested rows and cols

col 1of2

col sm-1of2 lg-1of4

align-center

align-bottom

align-top

col 1of2

col sm-full lg-1of2 align-top

col sm-full lg-1of2 align-bottom

Row .center

Row .start

align-top

align-bottom

Row .end

align-center