Buttons
Default Buttons
Use the button classes on an <a>, <button>
or <input> element.
Rounded Buttons
Add .rounded-pill to default button to get rounded corners.
Outline Buttons
Use a classes .btn-outline-** to quickly create a bordered buttons.
Outline Rounded Buttons
Use a classes .btn-outline-** to quickly create a bordered buttons.
Soft Buttons
Use a classes .btn-soft-** to quickly create buttons with soft
background.
Soft Rounded Buttons
Use a classes .rounded-pill** with .btn-soft-** to
quickly create a Outline Soft buttons.
Button Width
Create buttons with minimum width by adding add .width-xs,
.width-sm,
.width-md, .width-lg or .width-xl.
Button Sizes
Add .btn-lg, .btn-sm for additional sizes.
Disabled Button
Add disabled attribute to buttons.
Icon Button
Icon only Button.
Button Group
Wrap a series of buttons with .btn in .btn-group.
Block Button
Create block level buttons by adding class .d-grid to parent div.