Funeral Program Templates | Unlimited Edits | Print at Home
1-800-520-0362
support@quickfuneral.com

Button GroupsTwitter Bootstrap Based

Examples

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.

×

Customize an existing template (100% customizable, Unlimited Content) or create your very own using our Drag & Drop easy Card designer studio.

funeral template customize

create funeral program

You can also order for free Card Making Service

free funeral program

Keeping your loved one memory alive with   by QuickFuneral.com