Grid System
The 12-column responsive grid
Bootstrap uses a 12-column grid. Columns sit inside a row and their widths add up to 12.
Presets
12-column grid
1
2
3
4
5
6
7
8
9
10
11
12
Layout
col-6
col-6
<div class="row">
<div class="col-6">...</div>
<div class="col-6">...</div>
</div>
Two equal halves: col-6 + col-6