재단 버튼
버튼 스타일
재단은 여섯 버튼 스타일을 제공합니다. .button 클래스는 패딩과 함께 파란색 버튼을 만듭니다. 버튼 클래스에 대한 다른 색상 : .secondary , .success , .info , .warning 또는 .alert :
예
<버튼 유형 = "버튼"클래스 = "버튼"> 기본 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼을 보조"> 차 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼을 성공"> 성공 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼 정보"> 정보 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼 경고"> 경고 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼 경고"> 경고 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼을 보조"> 차 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼을 성공"> 성공 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼 정보"> 정보 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼 경고"> 경고 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼 경고"> 경고 </ 버튼>
»시도
버튼 클래스에 사용될 수 <a> , <button> 또는 <input> 요소 :
예
href가 = "#" 클래스 = info" 역할 "button = "button"> 링크 버튼 </ A>
<= "버튼"클래스 버튼 유형 = "버튼 정보"> 버튼 </ 버튼>
<입력 유형 = "버튼"클래스 = "버튼 정보"값 = "입력 버튼">
<입력 유형 = "제출"클래스 = "버튼 정보"값 = "버튼을 제출">
<= "버튼"클래스 버튼 유형 = "버튼 정보"> 버튼 </ 버튼>
<입력 유형 = "버튼"클래스 = "버튼 정보"값 = "입력 버튼">
<입력 유형 = "제출"클래스 = "버튼 정보"값 = "버튼을 제출">
»시도
 | 왜 것 #에 HREF 태그? 우리가 뛰어와 "404"페이지를 얻을 수있는 링크를 클릭하지 않으려면, 우리는 HREF 태그 번호를 설정할 수 있습니다. |
|---|
버튼 크기
우리는 사용할 수 .large , .small 또는 .tiny 버튼의 크기를 설정하는 클래스를 :
예
<버튼 유형 = "버튼"클래스 = "버튼 큰"> 대 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼"> 기본 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼을 작은"> 작은 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼을 작은"> 작은 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼"> 기본 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼을 작은"> 작은 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼을 작은"> 작은 </ 버튼>
»시도
둥근 버튼
당신은 사용할 수 있습니다 .radius 및 .round 라운드 버튼을 설정하는 클래스를 :
예
<버튼 유형 = "버튼"클래스 = "버튼"> 기본 버튼 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼 반경"> 반경 버튼 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼 라운드"> 원형 버튼 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼 반경"> 반경 버튼 </ 버튼>
<버튼 유형 = "버튼"클래스 = "버튼 라운드"> 원형 버튼 </ 버튼>
»시도
버튼 확장
당신은 사용할 수 있습니다 .expand 100 % 광대역 버튼을 설정하는 클래스를 :
사용 안 함 버튼
당신이 사용할 수있는 .disabled 설정 버튼을 클릭하여 클래스를 사용할 수 없습니다 :