Built at Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web.
-
-
-
-
Made for everyone.
-
Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via responsive CSS as well.
Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only <a> and <button> elements for the best rendering.
+
+
+
+
Button
+
class=""
+
Description
+
+
+
+
+
+
btn
+
Standard gray button with gradient
+
+
+
+
btn btn-primary
+
Provides extra visual weight and identifies the primary action in a set of buttons
+
+
+
+
btn btn-info
+
Used as an alternative to the default styles
+
+
+
+
btn btn-success
+
Indicates a successful or positive action
+
+
+
+
btn btn-warning
+
Indicates caution should be taken with this action
+
+
+
+
btn btn-danger
+
Indicates a dangerous or potentially negative action
+
+
+
+
btn btn-inverse
+
Alternate dark gray button, not tied to a semantic action or use
+
+
+
+
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.
+ 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.
+
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 <input type="submit"> for your button.
+
+
+
+
+
+
+
+
+
Images
+
+
+
Add classes to an <img> element to easily style images in any project.
- 
- 
- 
- 
- 
- 
-