Basic Examples Use any of the available button classes to quickly create a styled button.
Color Schemes
Button Sizes
Fancy larger or smaller buttons? Add the button sizing classes.Disable Stat
Button Icons You can refer the Icons page for the complete list of Material Design font icons
Block Level Buttons Create block level buttons - those that span the full width of a parent - by adding .btn-block.
Button Groups Group a series of buttons together on a single line with the button group
Basic Example
Button Toolbars
Combine sets of '.btn-group.' into a '.btn-toolbar' for more complex components.Button Group Sizing
Instead of applying button sizing classes to every button in a group, just add '.btn-group-*' to each '.btn-group', including when nesting multiple groups.Justified Button Groups
Make a group of buttons stretch at equal sizes to span the entire width of its parent. Also works with button dropdowns within the button group.Nesting
Place a '.btn-group' within another '.btn-group' when you want dropdown menus mixed with a series of buttons.