Buttons
Button | btn-lg Button | Small Button | Small Mini | Disabled Button | Button with Icon | Split Button |
---|---|---|---|---|---|---|
Default | Default | Default | Default | Default | Default | |
Primary | Primary | Primary | Primary | Primary | Primary | |
Info | Info | Info | Info | Info | Info | |
Success | Success | Success | Success | Success | Success | |
Warning | Warning | Warning | Warning | Warning | Warning | |
Danger | Danger | Danger | Danger | Danger | Danger |
Large buttons to attract call to action .btn .btn-lg
The Default button .btn .btn-default
Small button for elegance .btn .btn-sm
Extra small button for added info .btn .btn-xs
Group a series of buttons together on a single line with the button group. Wrap a series of buttons with .btn
in .btn-group
.
Horizontal Group | With Icons | Multiple Button Groups |
---|---|---|
Make a set of buttons appear vertically stacked rather than horizontally by putting it in .btn-group-vertical
.