Typography

Documentation and examples for TODC Bootstrap typography, including global settings, headings, body text, lists, and more.

Display headings

Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.

<h1 class="display4">Display4</h1>
<h1 class="display3">Display3</h1>
<h1 class="display2">Display2</h1>
<h1 class="display1">Display1</h1>

Additional styles

<h1 class="headline">Headline</h1>
<h1 class="title">Title</h1>
<h1 class="subheading2">Subheading2</h1>
<h1 class="subheading1">Subheading1</h1>
<h1 class="body1">Body1</h1>
<h1 class="body2">Body2</h1>