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

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

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

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

Add .btn-lg or .btn-sm for Fancy larger or smaller buttons size.

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

Create block level buttons—those that span the full width of a parent—by adding .btn-block.

The .btn classes are designed to be used with the <button> element. However, you can also use these classes on <a> or <input> elements.