[Bootstrap] Button Group

1. Button Group

Button들을 하나의 그룹으로 묶을 수 있습니다.

2. Button Group 주요 CSS 클래스

• btn-group : Button들을 하나의 그룹으로 묶어줌
• btn-group-lg : 버튼 그룹의 크기
• btn-group-sm : 버튼 그룹의 크기
• btn-group-xs (BS3) : 버튼 그룹의 크기
• btn-group-vertical : Button들을 세로 방향의 그룹으로 묶어줌
• btn-group-justified (BS3) : 버튼들을 위치한 영역 내에서 100%로 만들어줌
  • 단, 그룹안에 있는 요소들은 a 태그여야함

 

References

source code : https://github.com/yonghwankim-dev/Bootstrap_study/tree/main/ButtonGroup/src/main/webapp
[인프런] 윤재성의 Bootstrap 4 & 3 Framework Tutorial