Core Code
Core Code Modern Dev Handbook

Text Transform

Transform text case using Bootstrap utilities.

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">capitalize each word</p>

</div>

</body>
</html>

More BS5 Typography Examples (7)

example Bootstrap Headings open example example Display Headings open example example Lead Paragraph open example example Text Alignment open example example Font Weight Utilities open example example Muted and Small Text open example example Bootstrap Blockquote open example