Use the button classes on an
Use any of the available button classes to quickly create a styled button.
Fancy larger or smaller buttons? Add
.btn-xs for additional sizes.
Create block level buttons—those that span the full width of a parent— by adding
Buttons will appear pressed (with a darker background, darker border, and inset shadow) when active. For
<button> elements, this is done via
<a> elements, it's done with
.active. However, you may use
<button>s (and include the
aria-pressed="true" attribute) should you need to replicate the active state programmatically.
No need to add
:active as it's a pseudo-class, but if you need to force the same appearance, go ahead and add
.active class to
Make buttons look unclickable by fading them back with
disabled attribute to
.disabled class to
.disabled as a utility class here, similar to the common
.active class, so no prefix is required.