Bootstrap class: .text-wrap

    <div class="badge bg-primary text-wrap" style="width: 6rem;">
        This text should wrap.
      </div>

Preview

This text should wrap.

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 Typography

Bootstrap 4 & 5