Buttons

Labels

Primary Label Success Label Info Label Warning Label Danger Label

Alert

Success! Indicates a successful or positive action.
Info! Indicates a neutral informative change or action.
Warning! Indicates a warning that might need attention.
Danger! Indicates a dangerous or potentially negative action.

Progress Bar

30% Complete (primary)
40% Complete (success)
50% Complete (info)
60% Complete (warning)
70% Complete (danger)

Headings Text

h1 heading Text Size

h2 heading Text Size

h3 heading Text Size

h4 heading Text Size

h5 heading Text Size
h6 heading Text Size

Paragraph Text Size