Utilities for controlling an element's text transform.
Use d-tt-uppercase to uppercase an element's text.
<p class="d-tt-uppercase">The quick brown fox jumps over the lazy dog.</p>
Use d-tt-lowercase to lowercase an element's text.
<p class="d-tt-lowercase">The quick brown fox jumps over the lazy dog.</p>
Use d-tt-capitalize to capitalize an element's text.
<p class="d-tt-capitalize">The quick brown fox jumps over the lazy dog.</p>
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 Wednesday, September 16, 2026