Text truncation

Vue Bootstrap 5 Text truncation

Truncate long strings of text with an ellipsis.

Basic example

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

This text is quite long, and will be truncated once displayed.
This text is quite long, and will be truncated once displayed.
Show code