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.
For more Details see Bootstrap Typography Documentation