버튼을 그룹으로 묶은 것을 다시 그룹화 한 것이 버튼 툴바랍니다.
.btn-toolbar 와 role=”toolbar” 속성을 추가해서 구현합니다.
<div class=”btn-toobar” role=”toolbar” aria-label=”Toolbar with button groups”>
<div class=”btn-group” role=”group” aria-label=”First group”>…</div>
<div class=”btn-group” role=”group” aria-label=”Second group”>…</div>
<div class=”btn-group” role=”group” aria-label=”Third group”>…</div>
</div>
<div class=”btn-group” role=”group” aria-label=”First group”>…</div>
<div class=”btn-group” role=”group” aria-label=”Second group”>…</div>
<div class=”btn-group” role=”group” aria-label=”Third group”>…</div>
</div>
'프로그래밍 언어 > 부트스트랩(Bootstrap)' 카테고리의 다른 글
[bootstrap] 부트스트랩 – 입력상자 그룹(Input groups) – 기본 형태 (0) | 2016.02.01 |
---|---|
[bootstrap] 부트스트랩 – 버튼 그룹의 다양한 크기 (0) | 2016.01.31 |
[bootstrap] 부트스트랩 – 버튼을 그룹(Button group)으로 묶어 사용하기 (0) | 2016.01.31 |
[bootstrap] 부트스트랩 – 폰트 아이콘(Glyphicons)을 버튼에 사용하기 (0) | 2016.01.31 |
[bootstrap] 부트스트랩 – 폰트 아이콘을 모아놓은 폰트어썸(Font awesome) 사용하기 (0) | 2016.01.31 |
댓글