Default Buttons

Modifier: .btn-default, .btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-link, .disabled

Outlined modifier: .btn-(modifier)-outline

Clear Default Default Disabled Link Button
Primary Secondary Success Info Warning Danger
Info Success Primary Warning Danger Secondary

Rounded Buttons

Modifier: .btn-rounded

Clear Default Default Disabled Link Button
Primary Secondary Success Info Warning Danger
Info Success Primary Warning Danger Secondary

Sizing

Modifier: .btn-lg, .btn-sm, .btn-xs

Normal Normal Normal Normal
Large Normal Large Extra Small Normal Small
Noraml Small Large Extra Small Normal Extra Small

Squared Buttons

Modifier: .btn-squared

Clear Default Default Disabled Link Button
Primary Secondary Success Info Warning Danger
Info Success Primary Warning Danger Secondary

Basic Group

Element: div.btn-group

Justified Group

Modifier: .btn-group-justified

Vertical Group

Element: div.btn-group-vertical

Nesting Group

Element: div.btn-group

Icon Button

Element: i.(icon-selector)

Icon Block Button

Element: i.(icon-selector)

Modifiler: .pull-right

Main Menu Main Menu

Expand

Data-style modifier: expand-left, expand-right, expand-up, expand-down

Zoom

Data-style modifier: zoom-in, zoom-out

Built-in Progress Bar

Modifier: see documentation

Slide

Data-style modifier: slide-left, slide-right, slide-up, slide-down