Typography

XS

Portrait Phones
<576px

SM

Landscape Phones
≥576px to <768px

MD

Tablets
≥768px to <992px

LG

Laptops
≥992px to <1200px

XL

Desktops
≥1200px

Heading HTML

<h1> or <h1-h6>

h1. Heading

h2. Heading

h3. Heading

h4. Heading

h5. Heading
h6. Heading

Heading Classes

.h# or .h{1-6}

h1. Heading Class

h2. Heading Class

h3. Heading Class

h4. Heading Class

h5. Heading Class

h6. Heading Class

Display Classes

.display-# or .display-{1-4}

Display 1

Display 2

Display 3

Display 4

Lead Class

.lead

Normal Paragraph

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illum natus ad sint voluptates esse! Reiciendis delectus deleniti eos illum. Rem!

Lead Class

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illum natus ad sint voluptates esse! Reiciendis delectus deleniti eos illum. Rem!

Text Muted

.text-muted

faded/grayed out text

Heading Faded Sub Heading

Blockquote

.blockquote

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas at velit repellendus?

Blockquote & Source Footer

.blockquote & .blockquote-footer

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas at velit repellendus?

Someone famous in Source Title

Unstyled List

.list-unstyled

Example One

Example Two

Example Three

Inline List

.list-inline & .list-inline-item