Typography

Bootstrap 4 makes use of responsive typography. To see all the elements that you can use in your typography, check out our Bootstrap 4 typography tutorial.

Lazy Kit imports and used the Raleway font. This a free Google Font that you can download here. It is automatically included inside the source files for the kit, so you do not have to worry about importing it yourself.

Headings

Here is how the headings look.

<h1>h1. Bootstrap heading</h1>
<h2>h2. Bootstrap heading</h2>
<h3>h3. Bootstrap heading</h3>
<h4>h4. Bootstrap heading</h4>
<h5>h5. Bootstrap heading</h5>
<h6>h6. Bootstrap heading</h6>

Paragraphs

You can choose between the usual paragraph available with the <p> tag or you can make it more visible with the .lead class.

<p>You have brains in your head. You have feet in your shoes. You can steer yourself any direction you choose. You're on your own. And you know what you know. And YOU are the one who'll decide where to go. <a href="#">Link</a></p>
<p class="lead">You have brains in your head. You have feet in your shoes. You can steer yourself any direction you choose. You're on your own. And you know what you know. And YOU are the one who'll decide where to go.</p>

Quotes

For quoting blocks of content from another source within your document. Wrap <blockquote class="blockquote"> around the text you want to cite.

<blockquote class="blockquote">
  <p class="mb-0">You have brains in your head. You have feet in your shoes. You can steer yourself any direction you choose. You're on your own. And you know what you know. And YOU are the one who'll decide where to go.</p>
  <footer class="blockquote-footer">Dr. Seuss in
    <cite title="Source Title">Oh, The Places You'll Go!</cite>
  </footer>
</blockquote>

Text Utilities

Change text alignment, transform, style, weight, and color with the text utilities and color utilities.

You can also make use of inline text elements, abbreviations and code blocks.