BBS5 Typography
Learn about Bootstrap 5 typography and text utilities.
BS5 Typography
Bootstrap 5 default settings (Bootstrap Reboot):
- Global
font-sizeis 1rem (typically 16px). - Line-height is 1.5.
- Font-family is strictly native font stack (system fonts).
<p>elements havemargin-top: 0andmargin-bottom: 1rem.
Display Headings
Display headings are used to stand out more than normal headings (larger font-size and lighter font-weight). There are six classes to choose from: .display-1 to .display-6.
Examples
Headings h1-h6
html/cssDisplay Headings
html/cssText Formatting
html/cssStandard HTML formatting tags.
<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
<p><u>This line of text will render as underlined.</u></p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p><strong>This line rendered as bold text.</strong></p>
<p><em>This line rendered as italicized text.</em></p>