Default Buttons

Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control. (more details)

Outline buttons

Replace the default modifier classes with the .btn-outline-* ones to remove all background images and colors on any button. (more info)

Button sizes

Fancy larger or smaller buttons? Add .btn-lg or .btn-sm for additional sizes. (more info)

Button group

Wrap a series of buttons with .btn in .btn-group. (more info)


Place a .btn-group within another .btn-group when you want dropdown menus mixed with a series of buttons. (more info)

Button labels

Insert .btn-label class inside buttons and any icon inside it. Add .btn-label-right class if you want to put icon on right side

Button with icons

Icons buttons only