Buttons will appear pressed when active. However, you can still force the same active appearance with .active (and include the aria-pressed="true" attribute) should you need to replicate the state programmatically.
Normal#55595c
Hover#434648
Active#3d3f41
Disabled#909395
Normal#967ADC
Hover#8362D6
Active#704ACF
Disabled#a289df
Normal#37BC9B
Hover#30A487
Active#298D74
Disabled#74b5a4
Normal#DA4353
Hover#D52A3B
Active#BC2534
Disabled#e7858f
Normal#3BAFDA
Hover#27A2CF
Active#228EB6
Disabled#6fb5cf
Normal#F6BB42
Hover#F5B025
Active#EFA50B
Disabled#f4c460
Basic Buttons
Buttons
Bootstrap includes six predefined button styles, each serving its own semantic purpose.
Buttons Glow
Use .btn-glow class with any colored button to add button glow.
Buttons Shadow
Use .box-shadow-* class with button to add button shadow.
Square Buttons
Use .square class for square buttons.
Round Buttons
Use .round class for round buttons.
Single button dropdowns
Button dropdowns
Turn a button into a dropdown toggle with some basic markup changes.