- YOU ARE HERE
- UI Buttons
Buttons - Styles
Color Options
Use any of the available button classes to quickly create a styled button. Semantically distinguishable beauty.
Size Variants
Fancy larger or smaller buttons? Four separate sizes available for all use cases: from tiny 10px button to large one.
Block Buttons
Create block level buttons - those that span the full width of a parent— by adding .btn-block. Great for menu & social buttons.
Disabled Buttons
Make buttons look unclickable by fading them back 50%. Add the .disabledclass to <a>buttons.
Button Groups
Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with Bootstrap buttons plugin.
Button Dropdowns
Add dropdown menus to nearly anything with this simple plugin, including the buttons, navbar, tabs, and pills. Both solid & segmented dropdown options available.
Button Options
Button Checkboxes
Do more with buttons. Control button states or create groups of buttons for more components like toolbars. Add data-toggle="buttons"to a group of checkboxes for checkbox style toggling on btn-group.
Button Radios
Do more with buttons. Control button states or create groups of buttons for more components like toolbars. Add data-toggle="buttons"to a group of radio inputs for radio style toggling on btn-group.
Use with Icons
Fontawesome and Glyph- icons may be used in buttons, button groups for a toolbar, navigation, or prepended form inputs. Let your buttons shine!