CSS
Grid
Nav Options
Top Fixed
Top Static
Top Sticky
Left Fixed
Left Static
Left Sticky
Right Fixed
Right Static
Right Sticky
Column Options
Fixed
Percentage
Percentage (no padding)
Percentage (no subpixels)
Stacking Columns
Stacked 2 & 1
Stacked 1
Make the header fixed to top, just add fixed to the header:
<header class="header fixed">
1 column
1
2 columns
1
2
3 columns
1
2
3
1
2 - 3
1 - 2
3
4 columns
1
2
3
4
1
2 - 4
1 - 2
3 - 4
1 - 3
4
1
2 - 3
4
1
2
3 - 4
1 - 2
3
4
5 columns
1
2
3
4
5
1
2 - 5
1 - 2
3 - 5
1 - 3
4 - 5
1 - 4
5
1
2 - 4
5
1
2 - 3
4 - 5
6 columns
1
2
3
4
5
6
1
2 - 6
1 - 2
3 - 6
1 - 3
4 - 6
1 - 4
5 - 6
1 - 5
6
1
2 - 5
6
1
2 - 4
5 - 6
1
2 - 3
4 - 6
1 - 2
3 - 4
5 - 6
1 - 2
3 - 5
6
1 - 3
4 - 5
6
7 columns
1
2
3
4
5
6
7
1
2 - 7
1 - 2
3 - 7
1 - 3
4 - 7
1 - 4
5 - 7
1 - 5
6 - 7
1 - 6
7
1
2 - 6
7
1
2 - 5
6 - 7
1
2 - 4
5 - 7
1
2 - 3
4 - 7
1 - 2
3 - 6
7
1 - 2
3 - 5
6 - 7
1 - 2
3 - 4
5 - 7
1 - 3
4 - 5
6 - 7
8 columns
1
2
3
4
5
6
7
8
1
2 - 8
1 - 2
3 - 8
1 - 3
4 - 8
1 - 4
5 - 8
1 - 5
6 - 8
1 - 6
7 - 8
1 - 7
8
1
2 - 7
8
1
2 - 6
7 - 8
1
2 - 5
6 - 8
1
2 - 4
5 - 8
1 - 2
3 - 7
8
1 - 2
3 - 6
7 - 8
1 - 2
3 - 5
6 - 8
1 - 2
3 - 4
5 - 8
1 - 3
4 - 5
6 - 8
1 - 3
4 - 6
7 - 8
1 - 3
4 - 7
8
1 - 4
5 - 6
7 - 8
1 - 4
5 - 7
8
1
2 - 3
4 - 5
6 - 7
8