Display headings
class
Extra-large headings for hero sections. Larger and lighter weight than default h1-h6.
Syntax
class="display-1" through class="display-6"
Example
html
<h1 class="display-1">Display 1</h1>
<h2 class="display-2">Display 2</h2>
<p class="display-6">Display 6 — smallest</p>
<!-- Lead paragraph -->
<p class="lead">A larger, lighter paragraph for introductions.</p>
<!-- Text utilities -->
<p class="fw-bold">Bold text</p>
<p class="fst-italic">Italic text</p>
<p class="text-decoration-underline">Underlined</p>