Bootstrap 5 Text Transform Classes

In Bootstrap 5, you can use utility classes to control text transformations, such as changing the text to uppercase, lowercase, or capitalize. Bootstrap provides a set of text-transform utility classes to make this task easy.

  • .text-uppercase: This class transforms the text to all uppercase letters.
  • .text-lowercase: This class transforms the text to all lowercase letters.
  • .text-capitalize: This class capitalizes the first letter of each word in the text.
<p class="text-uppercase">This text will be in uppercase.</p>
<p class="text-lowercase">This Text Will Be In Lowercase.</p>
<p class="text-capitalize">this is an example of capitalizing text.</p>
Try it Yourself