UI & Buttons

Simple alert boxes

Heads up! Firefox persists the disabled state across page loads. A workaround for this is to use autocomplete="off".
Holy guacamole! Best check yo self, you're not looking too good.
Error! An error occured while saving data.
Success! Opeartion completed successfully.

Buttons

Button class="" Description
btn Standard gray button with gradient
btn btn-primary Provides extra visual weight and identifies the primary action in a set of buttons
btn btn-info Used as an alternative to the default styles
btn btn-success Indicates a successful or positive action
btn btn-warning Indicates caution should be taken with this action
btn btn-danger Indicates a dangerous or potentially negative action
btn btn-inverse Alternate dark gray button, not tied to a semantic action or use
btn btn-link Deemphasize a button by making it look like a link while maintaining button behavior

Progress

70%
20%
30%
80%
40%
90%
60%
20%