Default grid system 12 columns with a responsive twist
1
1
1
1
1
1
1
1
1
1
1
1
4
4
4
4
8
6
6
12
The default grid system provided in Bootstrap utilizes 12 columns that render out at widths of 724px, 940px (default without responsive CSS included), and 1170px. Below 767px viewports, the columns become fluid and stack vertically.
As shown here, a basic layout can be created with two “columns”, each spanning a number of the 12 foundational columns we defined as part of our grid system.
Nesting columns
Level 1 of column
Level 2
Level 2