← all Bootstrap classes list

Bootstrap class: .col-xl-# (≥1200px)

<div class="container">
  <div class="row">
    <div class="col-xl-2">
      <!-- Content -->
    </div>
    <div class="col-xl-2">
      <!-- Content -->
    </div>
    <div class="col-xl-8">
      <!-- Content -->
    </div>
  </div>
</div>

Preview

col-xl-2
col-xl-2
col-xl-8

More in Bootstrap Grid

Create Bootstrap 4 templates in minutes.

Try Demo Learn more

FREE Create a Bootstrap Shuffle account and get access to Tailwind Builder and Bulma Builder for FREE (save $178).