Basic Examples Use any of the available button classes to quickly create a styled button.
Bootstrap Color Schemes
Optional Material Design Colors
Button SizesFancy larger or smaller buttons? Add the button sizing classes.
Alternative Button Style You can get a bordered button style by adding
.btn-altto any of the
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
Button ToolbarsCombine sets of '.btn-group.' into a '.btn-toolbar' for more complex components.
Button Group SizingInstead 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 GroupsMake 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.
NestingPlace a '.btn-group' within another '.btn-group' when you want dropdown menus mixed with a series of buttons.