Examples
Bootstrap includes six predefined button styles, each serving its own semantic purpose.
Outline buttons
Bootstrap includes six predefined button styles, each serving its own semantic purpose.
Icon Examples
Bootstrap includes six predefined button styles, each serving its own semantic purpose.
Rounded buttons
Bootstrap includes six predefined button styles, each serving its own semantic purpose.
Soft Buttons
Fancy custom soft buttons.
Squeare Buttons
Bootstrap includes six predefined button styles, each serving its own semantic purpose.
Skew Buttons
Fancy custom Skew Buttons.
Outline Border Buttons
Fancy custom Outline Border Buttons in only squeare style.
Disabled Buttons
Make buttons look inactive by adding the disabled boolean attribute to any <button> element.
Buttons Sizes
Fancy larger or smaller buttons? Add .btn-lg or .btn-sm for additional sizes.
Block Buttons
Create block level buttons—those that span the full width of a parent—by adding .btn-block.
Check And Radio Buttons
Bootstrap’s checkbox or radio style button.
Button Group
Group a series of buttons together on a single line with the button group, and super-power them with JavaScript.
Only Icon Buttons
A button variant for using only icons.Add <i class="fab fa-facebook"i></i>