Styles
Default
The default button style with various colors to choose from. Prefer using 2 or max 3 button color variations in your web project to make it easier and more accesible for your users.
btn-primary
btn-secondary
btn-success
btn-info
btn-warning
btn-danger
btn-dark
btn-light
Outline
Outline styles are also available for all previous color variations
btn-outline-primary
btn-outline-secondary
btn-outline-success
btn-outline-info
btn-outline-warning
btn-outline-danger
btn-outline-dark
btn-outline-light
Effects
Ripple
Inspired by Material design, adding a ripple animation on click is just a data attribute away data-toggle="click-ripple"
Variations
Small Size
You can use the class btn-sm
to make your buttons smaller
Large Size
You can use the class btn-lg
to make your buttons larger
Square
You can remove border radius from your buttons if you are looking for a sharp look by using the class btn-square
Rounded
Fully rounded buttons are available for all available button styles
Disabled
If an action is not available in a specific state of your website/app, you can easily disable your buttons
Icons
Be Creative
Mix any of the available classes to create the button style you want to use in your project