You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
CHAPTER<br />
15<br />
<strong>Bootstrap</strong> Button Groups<br />
Button groups allow multiple buttons to be stacked together on a single line. This is useful when you want<br />
to place items like alignment buttons together. You can add on optional JavaScript radio and checkbox style<br />
behavior with <strong>Bootstrap</strong> Button Plugin.<br />
Following table summarizes the important classes <strong>Bootstrap</strong> provides to use button groups:<br />
Class Description Code Sample<br />
.btn-group<br />
This class is used form a basic button group.<br />
Wrap a series of buttons with<br />
class .btn in.btn-group.<br />
<br />
Button1<br />
Button2<br />
<br />
.btn-toolbar<br />
This helps to combine sets of <br />
into a for<br />
more complex components.<br />
<br />
...<br />
...<br />
<br />
.btn-group-lg,<br />
.btn-group-sm,<br />
.btn-group-xs<br />
These classes can be applied to button group<br />
instead of resizing each button.<br />
...<br />
...<br />
...<br />
.btn-groupvertical<br />
This class make a set of buttons appear<br />
vertically stacked rather than horizontally.<br />
<br />
...<br />
<br />
Basic Button Group<br />
Following examples demonstrates the use of class .btn-group discussed in the above table:<br />
<br />
TUTORIALS POINT<br />
Simply Easy Learning
Change language