Nunc vehicula dapibus ipsum. Duis venenatis risus non nunc fermentum dapibus. Morbi lorem ante, malesuada in mollis nec, non auctor nec massa. Aenean tempus dui eget felis blandit at fringilla urna ultrices. Suspendisse feugiat, ante et viverra lacinia, lectus sem lobortis dui, ultricies consectetur leo mauris at tortor.

Buttons

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

Theme Buttons

Button	class=""	Description
Red	btn red	A red button with border
Blue	btn blue	A blue button with border
Green	btn green	A green button with border
Purple	btn purple	A red purple with border
Black	btn black	A black button with border
Yellow	btn yellow	A yellow button with border
Transparent	btn transparent	A transparent button with border, with dark background for demonstration

Button Sizes

Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes.

Large button Large button

Default button Default button

Small button Small button

Mini button Mini button

Button Sizes

Create block level buttons those that span the full width of a parent by adding .btn-block.

Block level button Block level button

Disabled state

Make buttons look unclickable by having no background

Primary button Button

Button in alert