Lesson overview
Bootstrap provides sensible typography defaults and helpers for alignment, weight, color, wrapping, and hierarchy. You’ll use heading classes, text utilities, and line-height helpers to make content readable.
Learning outcomes
Common typography utilities
.h1 … .h6 (useful when semantic tag differs)text-start, text-center, text-end, responsive variantsfw-bold, fw-semibold, fst-italictext-muted (or text-secondary), text-primary, etc.Example: section heading
Truncation
Tip: Truncation requires a width constraint.
Practice tasks
Quick check
.h3 on a non-heading element?text-truncate require to work?Lesson summary
Get the latest course releases and learning insights delivered straight to your inbox each week.
By subscribing you agree to our Privacy Policy and consent to receive updates from SkillNet.