Text

Text Utilities

Canvas includes Bootstrap 5 text utilities plus its own extensions for size, letter spacing, and weight.

Alignment and wrapping

.text-start, .text-center, .text-end, plus responsive variants (.text-md-center). Wrapping: .text-nowrap, .text-truncate, .text-break.

Transform and style

Class	Effect
.text-lowercase	lowercase
.text-uppercase	UPPERCASE
.text-capitalize	Capitalize Each Word
.text-transform-none	remove inherited transform
.fst-italic	italic
.fst-normal	normal style

Size

Canvas relative sizes:

Class	Size
.text-larger	120% of current
.text-smaller	80% of current
.small	Bootstrap small

Font weight

.fw-extralight, .fw-light, .fw-lighter, .fw-normal, .fw-medium, .fw-semibold, .fw-bold, .fw-bolder.

Line height

.lh-1, .lh-sm, .lh-base, .lh-lg.

Letter spacing (Canvas)

Class	Spacing
.ls-0	0
.ls-1	1px
.ls-2	2px
.ls-3	3px
.ls-4	4px
.ls-5	5px

Color

.text-primary, .text-secondary, .text-body, .text-muted, .text-dark, .text-light, .text-reset, plus the contrast scale .text-contrast-0 to .text-contrast-1000.

Usage

<span class="text-uppercase ls-2 fw-semibold text-smaller text-muted">
  Overline label
</span>
<h2 class="fw-bold lh-sm">A tight, bold headline</h2>
<p class="text-larger text-body">Slightly larger lead paragraph.</p>