Basic Buttons
Default
Use the .btn
.btn-{color}
classes.
Outline
In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the .btn-outline-*
ones to remove all background images and colors on any button.
Rounded
Use a class .rounded-pill
with .btn
class to create round button.
Template Default Button
Just use a class .def-btn
. It also works with .rounded-pill
class, and .def-btn-outline
class for outlined button
Button States
Button Sizes
Button Group
Sizing
Button Group Nesting
Vertical Variation