Basic

Use the .btn .btn-{color} classes.

Primary Secondary Info Warning Danger Success Light Dark Link

Buttons .btn-outline

Use the .btn .btn-outline-{color} classes.

Primary Secondary Info Warning Danger Success Light Dark

Button Sizes

Use the .btn-lg or .btn-sm classes.

Small Normal Large

Button States

Use the .disabled or .btn-progress classes.

Normal Disabled Progress

Icon Button

Use the .btn-icon and .icon-left classes.

Default Primary Secondary Info Warning Danger Success Light Dark

Only Icon Button

Use the .btn-icon class.

Sizes.

Button Group

Vertical Variation

Setting Panel
Select Layout
Sidebar Color
Color Theme
Restore Default