Buttons
Default Buttons
Use the button classes on an <a>, <button>, or <input> element.
Button-Rounded
Add .btn-rounded to default button to get rounded corners.
Button Bordered
Use a classes .btn-bordered-* to quickly create a bordered buttons.
Outline buttons
In need of a button, but not the hefty
background colors they bring? Replace the default modifier classes with the
.btn-outline-* ones to remove all
background images and colors on any button.
Button Width
Create buttons with minimum width by adding add .width-xs, .width-sm, .width-md or .width-lg.
Button Sizes
Add .btn-lg, .btn-sm for additional sizes.
Button Disabled
Add the disabled attribute to <button> buttons.
Icon Button
Icon only button.
Block Button
Create block level buttons,with by adding add .btn-block.
Button Group
Wrap a series of buttons with .btn in .btn-group.
Dropdown
Turn a button into a dropdown toggle with some basic markup changes.
Split button dropdown
Turn a button into a dropdown toggle with some basic markup changes.
Dropup
Dropdown menus can be changed to expand upwards (instead of downwards) by adding .dropup to the parent.
File upload buttons
Use the button classes on an <a>, <button>, or <input> element.
