# Grid system Static and fluid grids

- Default grid system
- Fluid grid system
- Bootstrap Docs

## 12 columns grid with a responsive twist

1
1
1
1
1
1
1
1
1
1
1
1
2
2
2
2
2
2
3
3
3
3
4
4
4
4
8
6
6
12

## Offsetting columns

4
4 offset 4
3 offset 3
3 offset 3
8 offset 4

## Nesting columns

With the static (non-fluid) grid system in Bootstrap, nesting is easy. To nest your content, just add a new `.row` and set of `.span*` columns within an existing `.span*` column.

Level 1 of column
Level 2
Level 2

## 12 responsive & percent-based columns

1
1
1
1
1
1
1
1
1
1
1
1
2
2
2
2
2
2
3
3
3
3
4
4
4
4
8
6
6
12

## Fluid nesting

Nesting with fluid grids is a bit different: the number of nested columns doesn't need to match the parent. Instead, your columns are reset at each level because each row takes up 100% of the parent column.

Fluid 12
Fluid 4
Fluid 4
Fluid 4