btn btn-box span3
btn btn-small btn-box span2
Button colors
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 |
Button sizes
Sizes | class="" |
---|---|
btn btn-block btn-large |
|
btn btn-large |
|
btn |
|
btn btn-small |
|
btn btn-mini |
Slip button dropdown
Split dropup menus
Footer button Put this code in right after the widget-body div ends
<div class="widget-footer"><a href="#" class="btn pull-right">Button</a></div>
Widget Footer button