Articles → BOOTSTRAP → Change The Text Case In Bootstrap
Change The Text Case In Bootstrap
Purpose
- text-lowercase - This class will make the text in lowercase.
- text-uppercase - This class will make the text in uppercase.
- text-capitalize - This class will make the first letter of the text in uppercase.
Example
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.css">
</head>
<body>
<div class="container">
<p class="text-lowercase">This Is The Lower Case Text</p>
<p class="text-uppercase">This Is The Upper Case Text</p>
<p class="text-capitalize">This Is for captializing text</p>
</div>
</body>
</html>
Output
Click to Enlarge