Text Utilities in Bootstrap

From the Bootstrap 5 cheat sheet · Typography · verified Jul 2026

Text Utilities

Text alignment, transformation, and styling

html
<!-- Text Alignment -->
<p class="text-start">Start aligned text</p>
<p class="text-center">Center aligned text</p>
<p class="text-end">End aligned text</p>

<!-- Text Transform -->
<p class="text-lowercase">LOWERCASED TEXT</p>
<p class="text-uppercase">uppercased text</p>
<p class="text-capitalize">capitalized text</p>

<!-- Font Weight & Style -->
<p class="fw-bold">Bold text</p>
<p class="fw-normal">Normal weight</p>
<p class="fw-light">Light weight</p>
<p class="fst-italic">Italic text</p>
<p class="fst-normal">Normal style</p>
💡 All text utilities have responsive variants (text-sm-start, etc.)
⚡ Use fs-* classes for font sizes instead of custom CSS
📌 fw-* classes provide consistent font weights
🔥 Text color classes automatically adjust for dark mode

More Bootstrap tasks

Back to the full Bootstrap 5 cheat sheet