Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Fancy larger or smaller buttons? Add
.btn-sm for additional sizes.
<button type="button" class="btn btn-primary btn-lg">Large button</button> <button type="button" class="btn btn-secondary btn-lg">Large button</button>
Buttons will appear pressed (with a darker background, darker border, and inset shadow) when active. There’s no need to add a class to
<button>s as they use a
pseudo-class. 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.
Make buttons look inactive by adding the
disabled boolean attribute to any
data-toggle="button" to toggle a button’s
active state. If you’re pre-toggling a button, you must manually add the
.active class and
aria-pressed="true" to the