Typography

Documentation and examples for Bootstrap typography, including headings, sizes, and more.

Font Family

  • Roboto

  • Oswald
  • PT Moto

Headings

All HTML headings, <h1> through <h6>, are available.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

Display 1

Display 2

Display 3

Display 4

Colors

Convey meaning through color with a handful of color utility classes.

.text-primary
.text-info
.text-success
.text-warning
.text-danger
.text-black
.text-dark
.text-1000
.text-900
.text-800
.text-700
.text-600
.text-500
.text-400
.text-300
.text-200
.text-light
.text-white

Sizes

.fs--3
.fs--2
.fs--1
.fs-0
.fs-1
.fs-2
.fs-3
.fs-4
.fs-5
.fs-6
.fs-7
.fs-8
.fs-9

Blockquote

Donec eleifend ante sed lacus cursus finibus. Nam dignissim posuere tellus sed feugiat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam quam ligula, fringilla ut convallis interdum, sagittis eu nisi.
Benjamin Parker

For more Details see Bootstrap Typography Documentation