Responsive Buttons built with the Bootstrap. Buttons provide predefined styles for multiple button types: outline, rounded, social, icons etc. Use custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Bootstrap Buttons Documentation


Predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.

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.

Outline Buttons Variation

Outline buttons with emphasize border.


Creates a rounded variation of a button.

Outline Rounded

Creates a rounded and outline variation of a button.


Fancy larger or smaller buttons? Add .btn-lg or .btn-sm for additional sizes.


Use .btn-link class to create link button.

Icon Buttons

Create various styles with icons.

Floating Buttons

Create Floating Buttons either with icons or text with class .btn-icon either default or circle. You can apply almost all the same classes and attributes to the floating buttons as to the regular buttons - colors, sizes etc.

Social Buttons

Combining icons and custom classes you can create social buttons. For example use .btn-facebook for facebook social button.

Buttons Groups

Button group wraps a series of buttons together into a single line (navbar) or stack in a vertical column. Use class .btn-group.

Block Buttons

Create block level buttons—those that span the full width of a parent—by adding .btn-block.