Grid Demo

Asymmetrical

fs-sm-1 fs-md-2 fs-lg-4

fs-sm-2 fs-md-4 fs-lg-8

Symmetrical

fs-sm-3 fs-md-3 fs-lg-6

fs-sm-3 fs-md-3 fs-lg-6

3 Column

fs-all-third

fs-all-third

fs-all-third

Nested

fs-sm-full fs-md-half fs-lg-half

fs-sm-full fs-md-half fs-lg-half

fs-sm-full fs-md-2 fs-lg-4

Push

fs-sm-2 fs-sm-push-1 fs-md-3 fs-md-push-3 fs-lg-8 fs-lg-push-4

Contained

fs-cell-contained

fs-cell-contained

Padded

fs-cell-padded

fs-cell-padded

Cell Align Start

1

2

3

Cell Align Center

1

2

3

Cell Align End

1

2

3

Cell Justify Start

1

Cell Justify Center

1

Cell Justify End

1

Cell Order First

1

2

3

Cell Order Last

1

2

3

Cell Width Auto

1

2

3

4

Row Justify Around

1

2

Row Justify Between

1

2

Row Justify Start

1

2

Row Justify Center

1

2

Row Justify End

1

2

Row Align Start

1

2

Row Align Center

1

2

Row Align End

1

2

Row Order Reverse

1

2

3

1

2

3