Button Groups

Button Groups Simple

Copy
<section class="py-7 mt-3">
  <div class="container">
    <div class="row justify-space-between text-center py-2">
      <div class="col-6 mx-auto">
        <div class="btn-group" role="group" aria-label="Basic example">
          <button type="button" class="btn btn-primary">Left</button>
          <button type="button" class="btn btn-primary">Middle</button>
          <button type="button" class="btn btn-primary">Right</button>
        </div>
      </div>
    </div>
  </div>
</section>

Button Groups Outline

Screenshot
button-groups-2

Button Groups Checkbox

Screenshot
button-groups-3

Button Groups Radio

Screenshot
button-groups-4

Button Groups Sizing

Screenshot
button-groups-5