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#404E67
Hover#313c4f
Active#2c3648
Disabled#87909f
Normal#00B5B8
Hover#26C0C3
Active#009DA0
Disabled#5ACFD1
Normal#16D39A
Hover#39DAA9
Active#0CC27E
Disabled#68E2BD
Normal#FF7588
Hover#FF8A9A
Active#FF586B
Disabled#FFA5B2
Normal#2DCEE3
Hover#4DD5E7
Active#1CBCD8
Disabled#77DFED
Normal#FFA87D
Hover#FFB591
Active#FF8D60
Disabled#FFC6AB
Basic Buttons
Buttons
Bootstrap includes six predefined button styles, each serving its own semantic purpose.
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.