Button groups are a group of buttons used for related actions. They are of the same six types as regular buttons:

  • Standard (outline)
  • Primary (solid primary color background)
  • Success (solid success color background)
  • Warning (solid warning color background)
  • Danger (solid danger color background)
  • Info (solid info color background)

Standard:

One Two Three

Info:

One Two Three

Example Code:

<!-- Outline (Standard) Buttons: -->
<div class="button-group" role="group">
    <a class="button">One</a>
    <a class="button">Two</a>
    <a class="button">Three</a>
</div>

<!-- info Buttons: -->
<div class="button-group" role="group">
    <a class="button button-info">One</a>
    <a class="button button-info">Two</a>
    <a class="button button-info">Three</a>
</div>