YouTip

, generally for more complex components. | | | .btn-group-lg, .btn-group-sm, .btn-group-xs | These classes can be applied to the entire button group for size adjustment, without needing to adjust the size of each button individually. | | | .btn-group-vertical | This class makes a group of buttons stack vertically instead of horizontally. | | ## Basic Button Group The following example demonstrates the use of the class **.btn-group** discussed in the table above: ## Example [Try it »](#) The result is as follows:  ## Button Toolbar The following example demonstrates the use of the class **.btn-toolbar** discussed in the table above: ## Example [Try it »](#) The result is as follows:  ## Button Sizes The following example demonstrates the use of the class **.btn-group-*** discussed in the table above: ## Example [Try it »](#) The result is as follows:  ## Nesting You can nest one button group within another, i.e., nest one **.btn-group** inside another **.btn-group**. This is used when you want to combine a dropdown menu with a series of buttons. ## Example [Try it »](#) The result is as follows:  ## Vertical Button Group The following example demonstrates the use of the class **.btn-group-vertical** discussed in the table above: ## Example [Try it »](#) The result is as follows: