Two basic options, along with two more specific variations.
Wrap a series of buttons with
<div class="btn-group"> <button class="btn">Left</button> <button class="btn">Middle</button> <button class="btn">Right</button> </div>
Combine sets of
<div class="btn-group"> into a
<div class="btn-toolbar"> for more complex components.
<div class="btn-toolbar"> <div class="btn-group"> ... </div> </div>
Make a set of buttons appear vertically stacked rather than horizontally.
<div class="btn-group btn-group-vertical"> ... </div>
Heads up! Buttons with dropdowns must be individually wrapped in their own
.btn-group within a
.btn-toolbar for proper rendering.
This page was last modified on Friday, 18th July 2014 at 11:41:48 by Gary Keeling. © 2019 GKWeb Design.
Categorised as: Components