Standard Buttons
Normal
Active State
Disabled
Outline Buttons
Use
.btn-outline-* class for outline buttons.
Normal
Active State
Disabled
Ghost Buttons
Use
.btn-ghost-* class for ghost buttons.
Normal
Active State
Disabled
Square Buttons
Use
.btn-square class for square buttons.
Normal
Active State
Disabled
Pill Buttons
Use
.btn-pill class for pill buttons.
Normal
Active State
Disabled
Sizes
Fancy larger or smaller buttons? Add
.btn-lg or
.btn-sm for additional sizes.
Small add
.btn-sm
Normal
Large add
.btn-lg.
With Icons
Block Level Buttons
Add this class
.btn-block
Block Level Buttons
Add this class
.btn-block