Buttons
Basic Buttons
Use
.btn.btn-* classes.
Sharp Cornered Buttons
Use custom
.rounded-0.btn-* classes.
Rounded Buttons
Use custom
.btn_rounded.btn-* classes.
Basic Outline Buttons
Use
btn.btn-outline-* classes.
Sharp Cornered Outline Buttons
Use custom
.rounded-0.btn-outline-* classes.
Rounded Outline Buttons
Use custom
.btn_rounded.btn-outline-* classes.
Buttons In Different states
Primary Button In Different states
Use
.btn.btn-primary classes.
Normal
#329CFF
Hover
#0083FE
Disabled
#7ABFFF
Secondary Button In Different states
Use
.btn.btn-secondary classes.
Normal
#FFFFFF
Hover
#D4D4D4
Disabled
#FFFFFF
Success Button In Different states
Use
.btn.btn-success classes.
Normal
#5ACA82
Hover
#3BB667
Disabled
#94DCAE
Info Button In Different states
Use
.btn.btn-info classes.
Normal
#007BB8
Hover
#005985
Disabled
#5AA9D1
Warning Button In Different states
Use
.btn.btn-warning classes.
Normal
#F7AD04
Hover
#D69603
Disabled
#FACA5C
Danger Button In Different states
Use
.btn.btn-danger classes.
Normal
#F86A67
Hover
#F63A36
Disabled
#FA9E9C
Purple Button In Different states
Use
.btn.btn-purple classes.
Normal
#937EFF
Hover
#684BFF
Disabled
#B9ABFF
Mint Button In Different states
Use
.btn.btn-mint classes.
Normal
#31D0D6
Hover
#23ACB1
Disabled
#79E0E4
Button Sizes
Basic Buttons
Use
.btn.btn-lg.btn-*
Use
.btn.btn-*
Use
.btn.btn-sm.btn-*
Outline Buttons
Use
.btn.btn-lg.btn-outline-*
Use
.btn.btn-outline-*
Use
.btn.btn-sm.btn-outline-*
Block Level Buttons
Use
.btn-block.btn-lg.btn-*
Use
.btn-block.btn-*
Use
.btn-block.btn-sm.btn-*
Dropdowns and Dropups
Dropdowns
Dropups
Buttons with Icons
Normal Buttons With Icons
Use
.btn.btn-* classes.
Rounded Buttons With Icons
Use
.btn.btn_rounded.btn-* classes.
Sharp Cornered Buttons Group
Use
.btn-goup.rounded-0 classes.
Rounded Buttons Group
Use
.btn-goup.btn_rounded classes.
Split buttons
Normal Split Buttons
Rounded Split Buttons
Sharp Cornered Outline Split Buttons
Rounded Outline Split Buttons
Vertical Buttons
Normal Vertical Buttons
Use
.btn-group-vertical
Outline Vertical Buttons
Use
.btn-group-vertical
Rounded Vertical Buttons
Use
.btn-group-vertical