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 Name Description
.text-lowercase Specify this class name to the element to make all text lowercase.
.text-uppercase You can make all the text words capital using this class of bootstrap.
.text-capitalize Use 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 Reply

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.