.h1 through .h6 classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.
This is an H2 heading with the .h5 class applied
<h2 class="h5">This is an H2 heading with the .h5 class applied</h2>
Paragraphs
This is a normal paragraph. On static pages, it's designed for readability and optimizing the number of characters per line. The font size is larger to account for longer chunks of text.
<p>This is a normal paragraph. On static pages, it's designed for readability and optimizing the number of characters per line. The font size is larger to account for longer chunks of text.</p>
This is a lead paragraph. It might be used as a longer-form tagline or subheading for a page or content section. It has a slightly larger font size and line-height.
<p class="lead">This is a lead paragraph. It might be used as a longer-form tagline or subheading for a page or content section. It has a slightly larger font size and line-height.</p>
This is a hero paragraph. It might be used to get a user's attention.
<p class="hero">This is a hero paragraph. It might be used to get a user's attention.</p>
This is a supersize paragraph. It might be used in infographics to drastically increase the font size.
<p class="supersize">This is a supersize paragraph. It might be used in infographics to drastically increase the font size.</p>
