Typography
Heading Classes
HTML heading tags are typically used to denote the level of each heading relative to the other headings. But sometimes you'll want an <h2> tag to be smaller than an <h3> tag. Bootstrap's heading classes allow the sizes of headings to be independent of their position in the hierarchy.
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<h1 class="h6">
<h2 class="h5">
<h3 class="h4">
<h4 class="h3">
<h5 class="h2">
<h6 class="h1">
Display Classes
Bootstrap 4 comes with several display classes for sizing typography larger than the h1 class.
<div class="display-1">
<div class="display-2">
<div class="display-3">
<div class="display-4">
Other Typography Size Classes
lead Class
<p class="lead">This is for differentiating the lead paragraph of your content from the other paragraphs. This only changes the size, not font-weight. But you can apply other custom style rules to the lead class.</p>
<p>This is a regular paragraph.</p>