Use the button classes on an <a>, <button>, or <input> element.
Add .btn-rounded to default button to get rounded corners.
Use a classes .btn-bordered-* to quickly create a bordered 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.
Create buttons with minimum width by adding add .width-xs, .width-sm, .width-md or .width-lg.
Add .btn-lg, .btn-sm for additional sizes.
Add the disabled attribute to <button> buttons.
Icon only button.
Create block level buttons,with by adding add .btn-block.
Wrap a series of buttons with .btn in .btn-group.
Turn a button into a dropdown toggle with some basic markup changes.
Turn a button into a dropdown toggle with some basic markup changes.
Dropdown menus can be changed to expand upwards (instead of downwards) by adding .dropup to the parent.
Use the button classes on an <a>, <button>, or <input> element.