Text Overflow

Utilities for controlling an element's text overflow.

Classes

Class Output
.d-truncate overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
.d-to-ellipsis text-overflow: ellipsis !important;
.d-to-clip text-overflow: clip !important;
.d-to-unset text-overflow: unset !important;

Truncate

Use d-truncate to truncate an element's text.

Ellipsis

Use d-to-ellipsis to truncate an element's overflowing text with an ellipsis (...) if needed.

Clip

Use d-to-clip to clip an element's overflowing text if needed.