버튼의 크기를 변경하려면 기본적인 버튼 클래스에 아래와 같이 클래스를 추가하면 됩니다.
총 4가지 크기의 버튼이 있습니다.
<button type=”button” class=”btn btn-default btn-lg“>큰 버튼</button>
<button type=”button” class=”btn btn-default“>기본 버튼</button>
<button type=”button” class=”btn btn-default btn-sm“>작은 버튼</button>
<button type=”button” class=”btn btn-default btn-xs“>아주 작은 버튼</button>
<button type=”button” class=”btn btn-default“>기본 버튼</button>
<button type=”button” class=”btn btn-default btn-sm“>작은 버튼</button>
<button type=”button” class=”btn btn-default btn-xs“>아주 작은 버튼</button>
'프로그래밍 언어 > 부트스트랩(Bootstrap)' 카테고리의 다른 글
[bootstrap] 부트스트랩 – 활성 버튼(Active state) (0) | 2016.01.29 |
---|---|
[bootstrap] 부트스트랩 – 부모 너비 전체(100%) 버튼(Block level button) (0) | 2016.01.29 |
[bootstrap] 부트스트랩 – 아이콘(icon)이 있는 버튼(Buttons) (0) | 2016.01.29 |
[bootstrap] 부트스트랩 – 버튼(Buttons) (0) | 2016.01.29 |
[bootstrap] 부트스트랩 – 도움말 텍스트(Help text) (0) | 2016.01.29 |
댓글