Buttons
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 DocumentationDefault
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.
Pills
Creates a rounded variation of a button.
Outline Rounded
Creates a rounded and outline variation of a button.
Sizes
Fancy larger or smaller buttons? Add .btn-lg
or .btn-sm
for additional sizes.
Link
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.
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
.