Buttons

Solid Buttons

Use the .btn classes to create standard buttons.

Outline Buttons

Use .btn-outline-* classes for outline buttons.

Soft Buttons

Use .bg-*-subtle and .text-* utilities combined with .btn for soft buttons.

Button Sizes

Add .btn-lg or .btn-sm for additional sizes.


Create block-level buttons by adding .d-grid to the parent.

Button Groups

Wrap a series of buttons with .btn-group.



Buttons with Icons

You can easily add icons to buttons.

Button States

Add disabled attribute for disabled buttons.


Add .active class for active state.