Bootstrap builder for busy developers

    <div class="d-xl-table-row">
        <span class="bg-primary px-1">Example</span>
        <span class="bg-primary px-1">Example</span>
        <span class="bg-primary px-1">Example</span>
        <span class="bg-primary px-1">Example</span>
    </div>
    <div class="d-xl-table-row">
        <span class="bg-info px-1">Example</span>
        <span class="bg-info px-1">Example</span>
        <span class="bg-info px-1">Example</span>
        <span class="bg-info px-1">Example</span>
    </div>
    <div class="d-xl-table-row">
        <span class="bg-primary px-1">Example</span>
        <span class="bg-primary px-1">Example</span>
        <span class="bg-primary px-1">Example</span>
        <span class="bg-primary px-1">Example</span>
    </div>

Example Example Example Example

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

Bootstrap class: .d-xl-table-row

Preview

Tips 💡

More in Bootstrap Display

Bootstrap 4 & 5