(Bootstrap) Bootstrap 클래스 정리 (Button)
Bootstrap 클래스 정리 (2)
저번 포스팅에 이어 부트스트랩 클래스를 정리해본다.
#####
Button
.btn
Button 스타일
-
.btn-primary -
.btn-secondary -
.btn-success -
.btn-info -
.btn-warning -
.btn-danger -
.btn-dark -
.btn-light -
.btn-link
Button Outline 스타일
-
.btn-outline-primary -
.btn-outline-secondary -
.btn-outline-success -
.btn-outline-info -
.btn-outline-warning -
.btn-outline-danger -
.btn-outline-dark -
.btn-outline-light.text-dark
Button 사이즈
-
.btn-lg: 큰 사이즈 -
.btn: 기본 사이즈 -
.btn-sm: 작은 사이즈
화면의 넓이를 채우는 Button
.btn-block
Button 활성화 / 비활성화
-
.active: 활성화 -
disabled: button 태그인 경우 -
.disabled: a 태그인 경우
Button 그룹
.btn-group: 하위에 button 태그 삽입
Button 그룹 사이즈
-
.btn-group-lg -
.btn-group-sm
세로 Button 그룹
.btn-group-vertical