Layouts
Skins
Buttons
Default
Use the button classes on an <a>, <button>, or <input>element.
Rounded
Add .btn-roundedto get rounded corners.
Outline
Replace the default modifier classes with the .btn-outline-*ones to remove all background images and colors on any button.
Border width
Use .b-a-width-*to change button's border width.
Disabled
Add the disabledattribute.
Block
Create block level buttons by adding .btn-block.
Icon
Buttons with icons
Width
Create buttons with minimum width by adding .w-min-xs, .w-min-sm, .w-min-mdor .w-min-lg.
Size
Add .btn-lgor .btn-smfor additional sizes.
Group
Wrap a series of buttons with .btnin .btn-group.
Label
Add <span>with class .btn-labeland any icon inside it.
Circle
Use class .btn-circle
Square
Use class .btn-square
Button plugin
Do more with buttons. Control button states or create groups of buttons for more components like toolbars.
Social
Use class .btn-@yoursocial