✅ Bootstrap Default Heading Sizes (<h1> to <h6>)
These are browser defaults overridden by Bootstrap’s CSS:
| Element | Class | Font Size | Font Weight | Notes |
|---|---|---|---|---|
h1 | .h1 | 40px | 500 | Largest heading |
h2 | .h2 | 32px | 500 | Section headings |
h3 | .h3 | 28px | 500 | Subsection heading |
h4 | .h4 | 24px | 500 | Sub-subsection |
h5 | .h5 | 20px | 500 | Small headings |
h6 | .h6 | 16px | 500 | Minimal headings |
Paragraph and Lead Text
| Class | Font Size | Font Weight | Notes |
|---|---|---|---|
p | 16px | 400 | Default paragraph size |
.lead | 20px | 300 | Slightly larger, lighter text (for intros) |
Bootstrap 5 Default Line Heights
| Element / Class | Font Size | Line Height (Unitless) | Approx in Pixels |
|---|---|---|---|
Headings (h1–h6) | Varies | 1.2 | 20% taller than font |
Paragraph (p) | 16px | 1.5 | 24px |
.lead text | 20px | 1.5 | 30px |
.small | 14px | 1.5 | 21px |