Through the years, IGS Chemicals has striven to bring customers all over the world excellent product and service.
+1-855-WIN-FILM (946-3456)

Button GroupsTwitter Bootstrap Based


Two basic options, along with two more specific variations.

Single button group

Wrap a series of buttons with .btn in .btn-group.

  1. <div class="btn-group">
  2. <button class="btn">Left</button>
  3. <button class="btn">Middle</button>
  4. <button class="btn">Right</button>
  5. </div>

Multiple button groups

Combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components.

  1. <div class="btn-toolbar">
  2. <div class="btn-group">
  3. ...
  4. </div>
  5. </div>

Vertical button groups

Make a set of buttons appear vertically stacked rather than horizontally.

  1. <div class="btn-group btn-group-vertical">
  2. ...
  3. </div>

Checkbox and radio flavors

Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View the JavaScript docs for that.

Dropdowns in button groups

Heads up! Buttons with dropdowns must be individually wrapped in their own .btn-group within a .btn-toolbar for proper rendering.

© 1999-2020 IGS Chemical
Proudly powered on MMS
468 North Camden Dr.
Beverly Hills, CA 90210 USA
Toll Free: +1 855-WIN-FILM (946-3456)
International: +1 424-317-4401