Text Transform

Utilities for controlling an element's text transform.

Uppercase

Use d-tt-uppercase to uppercase an element's text.

<p class="d-tt-uppercase">...</p>

Lowercase

Use d-tt-lowercase to lowercase an element's text.

<p class="d-tt-lowercase">...</p>

Capitalize

Use d-tt-capitalize to capitalize an element's text.

<p class="d-tt-capitalize">...</p>

Classes

Class
Output
.d-tt-uppercase text-transform: uppercase !important;
.d-tt-lowercase text-transform: lowercase !important;
.d-tt-capitalize text-transform: capitalize !important;
.d-tt-full-width text-transform: full-width !important;
.d-tt-none text-transform: none !important;
.d-tt-unset text-transform: unset !important;
Text Transform documentation last updated Thursday, June 11, 2026