Buttons

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Basic Buttons

Default

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

Primary Secondary Info Warning Danger Success Light Dark
Rounded

Use a class .rounded-pill with .btn class to create round button.

Primary Secondary Info Warning Danger Success Light Dark

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
Small Normal Large

Button States

Use the .disabled or .btn-progress classes.

Normal Disabled Progress

Icon Button

Use the .icon and .icon-left classes.

Default Primary Secondary Info Warning Danger Success Light Dark

Only Icon Button

Use the .icon class.

Sizes.

Button Group

Vertical Variation