2. 3.x Component Gallery
  3. Columns

Columns

v3.x

Use a 12-column grid to structure your page content.

BBootstrap 3.x | Columns

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