여러개의 버튼을 그룹으로 묶어 사용할 수 있는데 .btn-group 선택자를 사용합니다.
<div class=”btn-group” role=”group” aria-label=”…”>
<button type=”button” class=”btn btn-default“>Left</button>
<button type=”button” class=”btn btn-default“>Middle</button>
<button type=”button” class=”btn btn-default“>Right</button>
</div>
<button type=”button” class=”btn btn-default“>Left</button>
<button type=”button” class=”btn btn-default“>Middle</button>
<button type=”button” class=”btn btn-default“>Right</button>
</div>
role=”group” 과 aria-label=”…”은 웹 접근성 측면에서 속성을 추가해 줍니다.
'프로그래밍 언어 > 부트스트랩(Bootstrap)' 카테고리의 다른 글
[bootstrap] 부트스트랩 – 버튼 그룹의 다양한 크기 (0) | 2016.01.31 |
---|---|
[bootstrap] 부트스트랩 – 버튼 툴바(버튼 그룹의 묶음) (0) | 2016.01.31 |
[bootstrap] 부트스트랩 – 폰트 아이콘(Glyphicons)을 버튼에 사용하기 (0) | 2016.01.31 |
[bootstrap] 부트스트랩 – 폰트 아이콘을 모아놓은 폰트어썸(Font awesome) 사용하기 (0) | 2016.01.31 |
[bootstrap] 부트스트랩 – 폰트 아이콘(Graphicons) 사용하기 (1) | 2016.01.31 |
댓글