[HTML] button 태그

 

🔵 부트스트랩에서 제공하는 버튼

여백값 0~5, auto

여백명 방향 - 크기 ==> 클래스에 적용

m	바깥여백
p	안쪽여백
t	위쪽
b	아래쪽
l	왼쪽
r	오른쪽
x	왼쪽과 오른쪽
y	위와 아래쪽

 

 

🔵 버튼 종류 (총 9가지)

input, button 태그 사용

class를 이용해서 모양 및 효과 설정

class에 여러 개의 값을 지정은 빈공백으로 구분해서 나열

btn	버튼모양
btn-primary	버튼색상 (일반적인 동작 처리 할 때 사용)
btn-secondary	보조 동작 (취소)
btn-success	성공(작업 후 처리가 완료)
btn-danger	위험(삭제 등 실수할 수 있는 작업)
btn-warning	경고 (수정, 삭제에 확인이 필요한 작업)
btn-info	정보(추천, 댓글수, 신제품.. 정보를 표기)
btn-light	밝은색 버튼 (메뉴나 부메뉴)
btn-dark	검은색 버튼
btn-link	페이지 연결처리

 

 

 

🔵 그룹버튼

페이지번호 구현, 상품분류, 훈련과정 분류

div 태그 class에 btn-group 선언 후 button을 배치 (색상 가능하면 동일하게 또는 2가지 색상)

<div class="btn-group">