Bootstrap builder for busy developers

<div class="row">
  <div class="col-sm-9">
    Level 1: .col-sm-9
    <div class="row">
      <div class="col-8 col-sm-6">
        Level 2: .col-8 .col-sm-6
      </div>
      <div class="col-4 col-sm-6">
        Level 2: .col-4 .col-sm-6
      </div>
    </div>
  </div>
</div>

Level 1: .col-sm-9

Level 2: .col-8 .col-sm-6

Level 2: .col-4 .col-sm-6

You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.

Bootstrap class: .nested columns

Preview

Tips 💡

More in Bootstrap Grid

Bootstrap 4 & 5