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:
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:
For example:
.margin-lg-top
or .margin-xs-bottom