[css][bootstrap] 버튼그룹

버튼그룹으로  만들고 싶은 태그를 부모  div태그로 감싸고 "btn-group" 클래스를 부여하면 된다.

1. button 태그에 적용시킬 때

<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>

 

2. a 태그에 적용시킬 때

<div class="btn-group">
  <a href="#" class="btn btn-primary active" aria-current="page">Active link</a>
  <a href="#" class="btn btn-primary">Link</a>
  <a href="#" class="btn btn-primary">Link</a>
</div>

 

 

https://getbootstrap.com/docs/5.0/components/button-group/

Button group