# Font

Default
The quick brown foxs jumps over the lazy dog. (Arial, sans-serif)
Serif (.serif)
The quick brown foxs jumps over the lazy dog. (Georgia, "Times New Roman", Times, serif)
Monospace (.monospace)
The quick brown foxs jumps over the lazy dog. (Menlo, Monaco, Consolas, "Courier New", monospace)

# Font Size

.text-sm (10px)
default font size (11px)
.text-lg (24px)
.text-xl (32px)
.text-xxl (44px)
Header Classes - equivalent to using h1, h2, h3, etc. tags (but without the additional margins)
.h1 (20px)
.h2 (15px)
.h3 (14px)
.h4 (12px)
.h5 (11px)
.h6 (10px)

# Font Color

on white background
default font color (#222222)
.text-dimmed (#4b4b4b)
.text-muted (#757575)
.text-primary (#3074af)
.text-success (#3c763d)
.text-info (#31708f)
.text-warning (#986000)
.text-danger (#c23934)
on gray background (within .well)
default font color (#222222)
.text-dimmed (#4b4b4b)
.text-muted (#757575)
.text-primary (#3074af)
.text-success (#3c763d)
.text-info (#31708f)
.text-warning (#986000)
.text-danger (#c23934)

# Form Helpers

Section Heading (.section-heading)
Label (.data-label)
Value (.data-value)
Label (.data-label)
Value (.data-value)

# Padding

.padding-xs (5px)
.padding-sm (10px)
padding-md (15px)
.padding-lg (20px)
.padding-xs-horizontal (5px)
.padding-sm-horizontal (10px)
.padding-md-horizontal (15px)
.padding-lg-horizontal (20px)
.padding-xs-vertical (5px)
.padding-sm-vertical (10px)
.padding-md-vertical (15px)
.padding-lg-vertical (20px)
Select Padding
You can use any combination of .padding-*-* to target a specific side (top | right | bottom | left).
For example: `.padding-lg-top` or `.padding-xs-bottom`

# Margin

.margin-xs (5px)
.margin-sm (10px)
.margin-md (15px)
.margin-lg (20px)
.margin-xs-horizontal (5px)
.margin-sm-horizontal (10px)
.margin-md-horizontal (15px)
.margin-lg-horizontal (20px)
.margin-xs-vertical (5px)
.margin-sm-vertical (10px)
.margin-md-vertical (15px)
.margin-lg-vertical (20px)
Select Margin
You can use any combination of .margin-*-* to target a specific side (top | right | bottom | left).
For example: `.margin-lg-top` or `.margin-xs-bottom`