Buttons
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.
Outline Icon Examples
Bootstrap includes six predefined button styles, each serving its own semantic purpose.
Round Buttons Examples
Bootstrap includes six predefined button styles, each serving its own semantic purpose.
Round Outline Buttons Examples
Bootstrap includes six predefined button styles, each serving its own semantic purpose.
Soft Buttons Examples
Bootstrap includes six predefined button styles, each serving its own semantic purpose.
Squeare Buttons Examples
Bootstrap includes six predefined button styles, each serving its own semantic purpose.
Outline Border Buttons Examples
Fancy custom Outline Border Buttons in only squeare style.
Skew Buttons Examples
Fancy custom Skew Buttons.
Buttons With Different Tag
Bootstrap includes six predefined button styles, each serving its own semantic purpose.
Disabled Buttons Examples
Make buttons look inactive by adding the disabled boolean attribute to any <button>
element.
Buttons Sizes Examples
New extra larger or smaller buttons added
.btn-xl
or .btn-sm
for additional sizes.
Check And Radio Buttons
Bootstrap’s checkbox or radio style button.
Only Icon Buttons Examples
A button variant for using only icons.Add .btn-icon-square
Icon Circle Buttons Examples
A button variant for using only icons.Add .btn-icon-circle
Block Buttons Examples
Create block level buttons—those that
span the full width of a parent—by adding .d-grid
.
Button Group Examples
Group a series of buttons together on a single line with the button group, and super-power them with JavaScript.