Bootstrap Text Transformation Classes

If you want to make CSS text-tranform changes, You can use Bootstrap text transformation classes given below to do this.

You just need to add them to the class of the element which you want to make text transformation.

Class NameDescription
.text-lowercaseSpecify this class name to the element to make all text lowercase.
.text-uppercaseYou can make all the text words capital using this class of bootstrap.
.text-capitalizeUse this class to make camel-case text or make text capitalize.

Lowercase Bootstrap Text Transformation

If you want all your text of an HTML element to be in lowercase, you have to just use the Bootstrap class .text-lowercase. This automatically adds the CSS text-trasform property to the element with its value as “lowercase”.

This is the easiest way of making any text content lowercase with just the addition of single class.

Output

This is the lowercase text.

Uppercase Bootstrap Text Transformation

You have to use the Bootstrap class .text-uppercase, if you want to make your text of an HTML element to be in uppercase. It will automatically add the CSS text-trasform property to the element and its value as “uppercase”.

This is the quickest way of making any text content lowercase using the bootstrap addition of single class.

Output

This is the uppercase text.

Capitalize Bootstrap Text Transformation

You have to use the Bootstrap class .text-capitalize, if you want to make your text of an HTML element to be capitalizing. It will automatically add the CSS text-trasform property to the element and its value as “capitalize”.

This is the quickest way of making any text content capitalize using the bootstrap addition of single class.

Output

This is the capitalized text.

Reference
Getbootstrap Reference

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.