Flat Button


<div class="btn-group btn-group-toggle btn-group-flat"> 
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Left</a>
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Middle</a>
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Right</a>
</div>

Edges Button


<div class="btn-group btn-group-toggle btn-group-edges"> 
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Left</a>
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Middle</a>
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Right</a>
</div>

Basic Buttons


<div class="btn-group btn-group-toggle"> 
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Left</a>
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Middle</a>
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Right</a>
</div>

Outline Middle Buttons


<div class="btn-group btn-group-toggle"> 
   <a class="button btn button-icon btn-outline-primary" target="_blank" href="#">Left</a>
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Middle</a>
   <a class="button btn button-icon btn-outline-primary" target="_blank" href="#">Right</a>
</div>

Outline Side Buttons


<div class="btn-group btn-group-toggle"> 
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Left</a>
   <a class="button btn button-icon btn-outline-primary" target="_blank" href="#">Middle</a>
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Right</a>
</div>

Outline Buttons


<div class="btn-group btn-group-toggle"> 
   <a class="button btn button-icon btn-outline-primary" target="_blank" href="#">Left</a>
   <a class="button btn button-icon btn-outline-primary" target="_blank" href="#">Middle</a>
   <a class="button btn button-icon btn-outline-primary" target="_blank" href="#">Right</a>
</div>

Toolbar Buttons


<li class="d-flex align-items-center justify-content-center mb-2">
   <div class="btn-group btn-group-toggle btn-group-edges mr-2 btn-group1"> 
      <a class="button btn button-icon bg-primary" target="_blank" href="#">1</a>
      <a class="button btn button-icon bg-primary" target="_blank" href="#">2</a>
      <a class="button btn button-icon bg-primary" target="_blank" href="#">3</a>
   </div>
   <div class="btn-group btn-group-toggle btn-group-edges mr-2 btn-group2"> <a class="button btn button-icon bg-primary" target="_blank" href="#">4</a>
      <a class="button btn button-icon bg-primary" target="_blank" href="#">5</a>
   </div>
   <div class="btn-group btn-group-toggle btn-group3"> 
      <a class="button btn button-icon bg-primary rounded" target="_blank" href="#">6</a>
   </div>
</li>

Basic Buttons


<div class="btn-group btn-group-toggle btn-group-sm  btn-group-edges"> 
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Left</a>
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Middle</a>
   <a class="button btn button-icon bg-primary" target="_blank" href="#">Right</a>
</div>