Text truncation

Truncate long strings of text with an ellipsis.

For longer content, you can add a.text-truncateclass to truncate the text with an ellipsis.Requiresdisplay: inline-blockordisplay: block.

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

<span className="d-inline-block text-truncate" style={{ maxWidth: "150px" }}>
This text is quite long, and will be truncated once displayed.
</span>