Basic Examples Use any of the available button classes to quickly create a styled button.

Bootstrap Color Schemes



Optional Material Design Colors



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 Font Icons which are inspired by Material Design











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.

Please wait...