Size 1 of 1

12/12

Size 1 of 2

6/12
6/12

Size 1 of 3

4/12
4/12
4/12

Size 1 of 4

3/12
3/12
3/12
3/12

Size 1 of 6

2/12
2/12
2/12
2/12
2/12
2/12

Size 1 of 12

1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12

Describe

Our grid system is composed of 12 flexible columns with a gutter between columns of 20px. We apply border-box so that the border and padding is included in the width of the grid columns.

CSS

static/bootstrap/3.3.7/css/bootstrap.min.css

static/dist/2.3.8/css/AdminLTE.min.css

tk/css/tk_layout.css

static/dist/2.3.8/css/tk.css

Mixed grids

The grid layout is easily extended by nesting and mixing different column sizes.

2/12
4/12
6/12
9/12
3/12
8/12
1/12
3/12