Bootstrap class: **.flex-*-nowrap**

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

Preview

Flex item

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.

Bootstrap class: **.flex-*-nowrap**

Preview

Use Shuffle AI to build your own Bootstrap templates

Tips 💡

More in Bootstrap Flexbox

Bootstrap 4 & 5

Bootstrap class: .flex-*-nowrap

Preview

Use Shuffle AI to build your own Bootstrap templates

Tips 💡

More in Bootstrap Flexbox

Bootstrap 4 & 5

Bootstrap class: **.flex-*-nowrap**