Default Primary Success Info Warning Danger Link Button

Disabled Buttons

Default Primary Success Info Warning Danger Link Button

Skyform Buttons

Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

Large button Large button

Default button Default button

Small button Small button

Extra small button Extra small button

Block Buttons

Block level button Block level button

Wrap a series of buttons with .btn in .btn-group.

Button toolbar

Combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components.

Sizing

Instead of applying button sizing classes to every button in a group, just add .btn-group-* to the .btn-group.

Nesting

Place a .btn-group within another .btn-group when you want dropdown menus mixed with a series of buttons.

Justified

Just wrap a series of .btns in .btn-group.btn-group-justified.

Standard Buttons

Split Buttons

Dropup Variation

Trigger dropdown menus above elements by adding .dropup to the parent.