Columns
v3.xUse a 12-column grid to structure your page content.
Stack Rows Here
- EXAMPLES
- 1 segment | 100%
- 2 segments | 25% - 75%
- 3 segments | 25% - 50% - 25%
segment 1
segment 1
segment 3
segment 1
segment 3
<div class="row"> <div class="col-sm-12">content</div> </div> <div class="row"> <div class="col-sm-3">content</div> <div class="col-sm-6">content</div> <div class="col-sm-3">content</div> <div class="col-sm-3">content</div> <div class="col-sm-6">content</div> <div class="col-sm-3">content</div> <div class="col-sm-3">content</div> <div class="col-sm-6">content</div> <div class="col-sm-3">content</div> </div>
Notes
Columns have no borders by default. The dotted lines above are used to help display the column structure.