Kenhuang Academy
  • English

      • Bootstrap Button Groups

      Overview

      Button groups allow you to arrange multiple buttons together on a single line.

      Basic Button Groups

      <div class="btn-group" role="group" aria-label="Basic example">
    <button type="button" class="btn btn-outline-primary">Left</button>
    <button type="button" class="btn btn-outline-primary">Middle</button>
    <button type="button" class="btn btn-outline-primary">Right</button>
</div>

      Mixed Styles

      <div class="btn-group" role="group" aria-label="Basic mixed styles example">
    <button type="button" class="btn btn-danger">Left</button>
    <button type="button" class="btn btn-warning">Middle</button>
    <button type="button" class="btn btn-success">Right</button>
</div>