사용자 도구

사이트 도구


wiki:bootstrap:bootstrap_note:bs_button_groups

문서의 이전 판입니다!


Bootstrap Button Groups

  • description : Bootstrap Button Groups
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-03-25


Button Groups

Bootstrap은 다양한 스타일의 버튼을 제공합니다.

출처: W3Schools.com - Bootstrap Button Groups

.btn-group 클래스와 <div> 요소를 함께 사용하여 버튼 그룹을 만듭니다.

예제

Button Group

The .btn-group class creates a button group:


Tip:
그룹의 모든 버튼에 버튼 크기를 적용하는 대신에, .btn-group-lg | sm | xs를 사용하여 그룹의 모든 버튼 크기를 조정합니다:

예제

Button Groups - Set Sizes

Add class .btn-group-* to size all buttons in a button group.

Large Buttons:

Default Buttons:

Small Buttons:

Extra Small Buttons:


Vertical Button Groups

Bootstrap은 수직 버튼 그룹도 지원합니다:

출처: W3Schools.com - Bootstrap Button Groups
.btn-group-vertical 클래스를 사용하여 수직 버튼 그룹을 만듭니다.

예제

Vertical Button Group

Use the .btn-group-vertical class to create a vertical button group:


Justified Button Groups

/volume1/web/dokuwiki/data/attic/wiki/bootstrap/bootstrap_note/bs_button_groups.1616648892.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)