Bootstrap class: .d-xxl-inline-flex

    <div class="d-block d-xxl-inline-flex p-4 bg-secondary">
        <div class="p-4 bg-primary"></div>
        <div class="p-4 bg-info"></div>
        <div class="p-4 bg-primary"></div>
    </div>
    <div class="d-block d-xxl-inline-flex p-4 bg-secondary">
        <div class="p-4 bg-primary"></div>
        <div class="p-4 bg-info"></div>
        <div class="p-4 bg-primary"></div>
    </div>

Preview

Use Shuffle AI to build your own Bootstrap templates

Quickly design stunning Bootstrap templates with the power of Shuffle AI — no coding required.

Tips 💡

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

More in Bootstrap Display

Bootstrap 4 & 5