Bootstrap builder for busy developers

    <div class="d-flex flex-row mb-3">
        <div class="p-2 bg-info">Flex item 1</div>
        <div class="p-2 order-xxl-0 bg-primary">Flex item 2</div>
        <div class="p-2 bg-info">Flex item 3</div>
    </div>

Flex item 1

Flex item 2

Flex item 3

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

Bootstrap class: .order-xxl-0

Preview

Tips 💡

More in Bootstrap Flexbox

Bootstrap 4 & 5

Tailwind