Bootstrap class: **.flex-*-wrap-reverse**

<div class="d-flex flex-wrap-reverse"> ... </div>
<div class="d-flex flex-sm-wrap-reverse"> ... </div>
<div class="d-flex flex-md-wrap-reverse"> ... </div>
<div class="d-flex flex-lg-wrap-reverse"> ... </div>
<div class="d-flex flex-xl-wrap-reverse"> ... </div>

Preview

Flex item

Flex item

Flex item

Flex item

Flex item

Flex item

Flex item

Flex item

Flex item

Flex item

Flex item

Flex item

Flex item

Flex item

Tips 💡

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

More in Bootstrap Flexbox

Bootstrap 4 & 5