Button Group

The .btn-group class creates a button group:

Bootstrap Example

Button Groups Sizes

Add class .btn-group-* to size all buttons in a button group.

Large Buttons:

Default Buttons:

Small Buttons:

Bootstrap Example

Vertical Button Group

Use the .btn-group-vertical class to create a vertical button group:

Bootstrap Example

Nesting Button Groups

Nest button groups to create dropdown menus:

Tablet Smartphone
Bootstrap Example

Split Buttons

Tablet Smartphone
Bootstrap Example

Vertical Button Group with Dropdown

Tablet Smartphone
Bootstrap Example

Button Group

Button groups are "inline" by default, which makes them appear side by side when you have multiple groups: