Buttons
Default Button Variants
Default Buttons
Basic buttons come in 7 different colors .btn .btn-default
Basic buttons in disabled states .btn .disabled
Button Sizes
Default Sizes
Default buttons come in 4 sizes .btn .btn-lg .btn-sm .btn-xs
Different sizes with icon only buttons
Default Alternate Sizes
Default alternate buttons come in 4 sizes too
Different sizes with icon only buttons
Button Blocks
Default Blocks
Block level buttons in default and alternate styles with different sizes .btn-block
Button Dropdowns
Default Dropdowns
Dropdowns default in different colors with .btn .dropdown-toggle
Dropups default in different colors with .dropup
Block Level Dropdowns
Example block level default and alternate style dropdowns and dropups with .btn-block .dropup
Button Groups
Grouped Buttons
Grouped buttons variations in default style with .btn-group
Toolbar
Default toolbar buttons with .btn-toolbar
Alternate Grouped Buttons
Grouped buttons variations in alternate style with .btn-group
Alternate Toolbar
Alternate toolbar buttons with .btn-toolbar
Vertical Button Groups
Vertically grouped buttons in default and alternate styles and color variations using the class .btn-group-vertical
Label Buttons
Label Buttons
Adding a .btn-label
class to the button will increase focus on the attached icon
Button States
Loading State
Button loading state default style .loading-example-btn
Single Toggle
Button single toggle state default style
Checkbox
Button checkbox state default style
Radio
Button radio state default style
Alternate Loading State
Button loading state default style .loading-example-btn
Alternate Single Toggle
Button single toggle state default style
Alternate Checkbox
Button checkbox state default style
Alternate Radio
Button radio state default style
Social Icons
Included Social Icons with Font Awesome can get relevant background colors with .btn-social
class
Alternate styles