최신 웹 개발 튜토리얼
 

Bootstrap CSS Buttons Reference


버튼 색상


버튼 크기


Active/Disabled 버튼


블록 레벨 버튼


버튼 클래스

아래의 클래스는 어떤 스타일을 사용할 수 있습니다 <a>, <button> 또는 <input> 요소를 :

수업 기술
.btn 모든 버튼에 기본 스타일을 추가합니다 시도 해봐
.btn-default 기본 / 표준 버튼을 나타냅니다 시도 해봐
.btn-primary 여분의 시각적 무게를 제공하며 버튼 세트에 기본 작업을 식별 시도 해봐
.btn-success 성공 또는 긍정적 인 조치를 나타냅니다 시도 해봐
.btn-info 정보 알림 메시지의 문맥 버튼 시도 해봐
.btn-warning 주의이 작업에주의해야한다 나타냅니다 시도 해봐
.btn-danger 위험 또는 잠재적으로 부정적인 행동을 나타냅니다 시도 해봐
.btn-link 버튼은 링크처럼 보이게 (정지 버튼 동작이됩니다) 시도 해봐
.btn-lg 큰 버튼을 만든다 시도 해봐
.btn-sm 작은 버튼을 만든다 시도 해봐
.btn-xs 여분의 작은 버튼을 만든다 시도 해봐
.btn-block 만드는 블록 레벨 버튼 (부모 요소의 전체 폭에 걸쳐) 시도 해봐
.active 버튼을 누르면 보이게 시도 해봐
.disabled 비활성화 버튼을 만듭니다 시도 해봐