BS5 Text Utilities

Text alignment

text-start
text-center
text-end

Responsive alignment

<p class="text-center text-md-start">Center on mobile, left on md+</p>

Font weight and style

fw-light
fw-normal
fw-semibold
fw-bold
fst-italic

Text wrapping

text-wrap
text-nowrap
text-break

Truncation

<div class="text-truncate" style="max-width: 220px;">A very long title that will be truncated...</div>

Text transform

text-lowercase
text-uppercase
text-capitalize

Line height

lh-1
lh-sm
lh-base
lh-lg

Text decoration

text-decoration-none
text-decoration-underline
text-decoration-line-through

Best practices

• Use text-truncate for titles in cards and lists
• Use lh-base or lh-lg for long-form text
• Avoid excessive uppercase for readability