Typography

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

Bootstrap documentation

Typography

Display-1

Display-2

Display-3

Display-4

<h1 class="display-1 main-heading">
   Display-1
</h1>
<h1 class="display-2 main-heading">
   Display-2
</h1>
<h1 class="display-3 main-heading">
   Display-3
</h1>
<h1 class="display-4 main-heading">
   Display-4
</h1>

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

<h1 class="h1 main-heading">
   h1. Bootstrap heading
</h1>
<h2 class="h2 main-heading">
   h2. Bootstrap heading
</h2>
<h3 class="h3 main-heading">
   h3. Bootstrap heading
</h3>
<h4 class="h4 main-heading">
   h4. Bootstrap heading
</h4>

Lead

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

<p class="lead">
   Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
</p>

main-heading

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

<p class="main-heading">
   Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
</p>

font-second

Lorem, ipsum dolor.

<h4 class="font-second">
   Lorem, ipsum dolor. commodo luctus.
</h4>