Buttons

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Use .btn-glow class with any colored button to add button glow.

Use .box-shadow-* class with button to add button shadow.

Use .square class for square buttons.

Use .round class for round buttons.

Button dropdowns

Turn a button into a dropdown toggle with some basic markup changes.

Split button dropdowns

Similarly, create split button dropdowns with the same markup changes, only with a separate button.

Group a series of buttons together on a single line with the button group. Wrap a series of buttons with .btn in .btn-group.

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Button group with icons and text.

Instead of applying button sizing classes to every button in a group, just add .btn-group-* to each .btn-group.

Button Group with Icons in different sizes

Use a class .btn-outline-* to quickly create a outline button.

Use .btn-glow class with any colored button to add button glow.

Use .box-shadow-* class with button to add button shadow.

Use a class .square with outline button class to create square outline button.

Use a class .round with outline button class to create round outline button.

Outline button group

Outline Buttons with icon.

Outline button group with icons and text.

Outline Icon Buttons.

Instead of applying button sizing classes to every button in a group, just add .btn-group-* to each .btn-group.

Button Group with Icons in different sizes