Use bootstrap text utilities to wrap or unwrap the text.

Detailed documentation and more examples you can find in our Bootstrap Text Docs

Built with Material Design for Bootstrap - free and powerful Bootstrap UI KIT

Download MDB UI KIT Learn more Tutorials GitHub

Text wrapping and overflow

Wrap text with a .text-wrap class.

This text should wrap.

You can prevent text from wrapping with a .text-nowrap class.

This text should overflow the parent.

Text truncate

For longer content, you can add a .text-truncate class to truncate the text with an ellipsis. Requires display: inline-block or display: block.

Praeterea iter est quasdam res quas ex communi.
Praeterea iter est quasdam res quas ex communi.