btn btn-default btn-xs btn-block active
btn-primary btn-sm disabled .disabled
btn-success btn-lg
btn-info
btn-warning
btn-danger
btn-link
### stateful
$('#example-btn').click(function() {
var btn = $(this);
btn.button('loading');
// btn.button('complete'); // data-complete-text="html"
$.ajax('...').always(function() {
btn.button('reset');
});
});
### toggle
### checkbox
### radio
## button group
div.btn-group>button btn-group-xs btn-group-sm btn-group-lg
div.btn-group>ul.dropdown-menu
div.btn-toolbar>div.btn-group
btn-group-vertical
.btn-group.btn-group-justified
## img
img.img-responsive
.img-rounded.img-circle.img-thumbnail
## table
table .table .table-striped .table-bordered .table-hover .table-condensed
tr.active td.success.info.warning.danger
div.table-responsive
## form
form .form-inline .form-horizontal
.form-group .has-success/warning/error .has-feedback .form-control-feedback .form-control
.checkbox>label>input:checkbox radio
label.checkbox-inline radio-inline
.form-control-static
disabled .disabled readonly
.input-sm .input-lg
.form-group-sm .form-group-lg
.help-block
## input group
input-group input-group-lg input-group-sm
span.input-group-addon
span.input-group-btn>button
## label/badge/alert
span.label.label-default
label-primary
label-success
label-info
label-warning
label-danger
span.badge
.alert.alert-success>strong
alert-info
alert-warning
alert-danger
.fade.in
a.alert-link
## panel
.panel.panel-default>.panel-heading>.panel-title
panel-primary>.panel-body
panel-success>.panel-footer
panel-info >table.table
panel-warning
panel-danger
## collapse/accordion
.collapse
.collapse.in
.collapsing
collapse content
## list group
ul.list-group>.list-group-item>span.badge
.list-group>a.list-group-item.active.disabled>h4.list-group-item-heading
p.list-group-item-text
list-group-item-success
list-group-item-info
list-group-item-warning
list-group-item-danger
## thumbnail
a.thumbnail>img
.thumbnail>img+.caption
## media object
.media>a.pull-left>img
.media-body>.media-heading
.media
ul.media-list>li.media
## pagination
ul.pagination pagination-lg pagination-sm
li.active.disabled
ul.pager
li.previous li.next
## progress bar
progress>progress-bar[aria-valuenow="0"]
progress-bar-success
progress-bar-info
progress-bar-warning
progress-bar-danger
progress-bar-striped.active
## embed
.embed-responsive.embed-responsive-16by9>iframe.embed-responsive-item
.embed-responsive-4by3
## well
.well.well-lg
.well-sm
## dropdown
dropdown dropup
dropdown-toggle
ul.dropdown-menu dropdown-menu-right
li.active.disabled
li.dropdown-header divider
## modal
[data-toggle="modal" data-target="#myModal"]
.modal-backdrop.fade.in
.modal.fade
.modal-dialog.modal-sm.modal-lg
.modal-content
.modal-header
.modal-body
.modal-footer
## tooltip
[data-toggle="tooltip" data-placement="left" data-original-title="Tooltip on left"]
.tooltip.fade.top.left.bottom.right.in>.tooltip-arrow+.tooltip-inner>{Tooltip on left}
## popover
[data-toggle="popover" title="popover title" data-content="popover content"]
.popover.top>.arrow+.popover-title+.popover-content
## carousel
First slide label
Nulla vitae elit libero.
.carousel-caption
## scrollspy
## affix