Core Code
Core Code Modern Dev Handbook

Text Transform

Transform text casing using text-uppercase, text-lowercase, and text-capitalize.

Preview

Code

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="container py-5">

<p class="text-uppercase">uppercase text</p>
<p class="text-lowercase">LOWERCASE TEXT</p>
<p class="text-capitalize">capitalized words example</p>

</div>

</body>
</html>

More BS5 Text Utilities Examples (7)

example Text Alignment open example example Responsive Text Alignment open example example Text Wrapping open example example Text Truncation open example example Font Weight open example example Line Height open example example Muted Text open example