Default buttons Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only and elements for the best rendering. Button class="" Description Default btn Standard gray button with gradient Primary btn btn-primary Provides extra visual weight and identifies the primary action in a set of buttons Info btn btn-info Used as an alternative to the default styles Success btn btn-success Indicates a successful or positive action Warning btn btn-warning Indicates caution should be taken with this action Danger btn btn-danger Indicates a dangerous or potentially negative action Inverse btn btn-inverse Alternate dark gray button, not tied to a semantic action or use Link btn btn-link Deemphasize a button by making it look like a link while maintaining button behavior Cross browser compatibility IE9 doesn't crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow that we cannot fix. Button sizes Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes. Large button Large button Default button Default button Small button Small button Mini button Mini button

 

Large button Large button

Default button Default button

Small button Small button

Mini button Mini button

Create block level buttons—those that span the full width of a parent— by adding .btn-block. Block level button Block level button Block level buttonBlock level button Disabled state Make buttons look unclickable by fading them back 50%. Anchor element Add the .disabled class to buttons. Primary link Link Primary linkLink Heads up! We use .disabled as a utility class here, similar to the common .active class, so no prefix is required. Also, this class is only for aesthetic; you must use custom JavaScript to disable links here. Button element Add the disabled attribute to buttons. Primary button Button Primary buttonButton One class, multiple tags Use the .btn class on an , , or element. Link Button LinkButton As a best practice, try to match the element for your context to ensure matching cross-browser rendering. If you have an input, use an for your button.