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 Friday, September 4, 2026
fix/popover-modal-zindex-scope