Text Transform

Text transform utility classes allow you to control the capitalization of text without modifying the original content. You can apply text transform classes to headings, paragraphs, buttons, links, and other text elements.

Uppercase

Transforms all letters to uppercase. Use class name text-uppercase.

1
<p class="text-uppercase">This text will appear in uppercase.</p>

Lowercase

Transforms all letters to lowercase. Use class name text-lowercase.

1
<p class="text-lowercase">This text will appear in lowercase.</p>

Capitalize

Capitalizes the first letter of each word. Use class name text-capitalize.

1
<p class="text-capitalize">this text will be capitalized.</p>

No Transform

Resets text to its original casing. Use class name text-none.

1
<p class="text-none">This text uses its original casing.</p>