H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

.h1 Heading

.h2 Heading

.h3 Heading

.h4 Heading

.h5 Heading

.h6 Heading

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

H1 Light

H1 Normal

H1 Semibold

H1 Bold

H2 Light

H2 Normal

H2 Semibold

H2 Bold

H3 Light

H3 Normal

H3 Semibold

H3 Bold

H4 Light

H4 Normal

H4 Semibold

H4 Bold

H5 Light
H5 Normal
H5 Semibold
H5 Bold
H6 Light
H6 Normal
H6 Semibold
H6 Bold

Page title with muted subtitle

Section title with muted subtitle

Subsection with muted subtitle

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Display 1

Display 2

Display 3

This is a lead paragraph for emphasis.

Bold text, italic text, underline, highlight, small text

Good design is obvious. Great design is transparent.

Joe Sparano

Lists

  • List item
  • Another item
  • Nested:
    • Inner
  • Inline one
  • Inline two
  • Inline three

Tables

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Class Example Example
Default Cell Cell
.table-primary Cell Cell
.table-success Cell Cell
.table-warning Cell Cell
.table-danger Cell Cell
.table-info Cell Cell
.table-dark Cell Cell

Forms

Sizing

Floating labels

Buttons

Outline buttons

Sizes

Alerts

Primary alert
Secondary alert
Success alert
Danger alert
Warning alert
Info alert
Light alert
Dark alert
A dismissible alert!

Progress Bars

15%
40%
60%
100%

Spinners & Badges

Badges: Primary Secondary Success Danger Warning Info Dark