Boomerang

Grid

  1. Home
  2. Elements
  3. Grid
Full width
Two columns
Two columns
Three columns
Three columns
Three columns
Four columns
Four columns
Four columns
Four columns
<div class="row">
   <div class="col-md-12">...</div>
</div>

<div class="row">
   <div class="col-md-6">...</div>
   <div class="col-md-6">...</div>
</div>

<div class="row">
   <div class="col-md-4">...</div>
   <div class="col-md-4">...</div>
   <div class="col-md-4">...</div>
</div>

<div class="row">
   <div class="col-md-3">...</div>
   <div class="col-md-3">...</div>
   <div class="col-md-3">...</div>
   <div class="col-md-3">...</div>
</div>
.row
   .col-md-12 ...

.row
   .col-md-6 ...
   .col-md-6 ...

.row
   .col-md-4 ...
   .col-md-4 ...
   .col-md-4 ...

.row
   .col-md-3 ...
   .col-md-3 ...
   .col-md-3 ...
   .col-md-3 ...