twitter-bootstrap-3 => 버튼

매개 변수

수업	기술
btn-default	표준 버튼. @ 브랜드 기본값 : #fff
btn-primary	여분의 시각적 무게를 제공하고 기본 동작을 식별합니다. @ 브랜드 - 기본 : 어둡게 (# 428bca, 6.5 %);
btn-success	성공적인 작업을 나타내는 데 사용됩니다. @ brand-success : # 5cb85c;
btn-info	정보를 제공하기위한 문맥 버튼. @ 브랜드 정보 : # 5bc0de;
btn 경고	사용자가주의를 기울여야 함을 나타냅니다. @ 브랜드 경고 : # f0ad4e;
btn 위험	위험하거나 부정적인 행동을 나타냅니다. @ 브랜드 - 위험 : # d9534f;
btn-link	링크 용으로 사용하십시오.

버튼 유형

<button class="btn btn-default" type="button">Default</button>
<button class="btn btn-primary" type="button">Primary</button>
<button class="btn btn-success" type="button">Success</button>
<button class="btn btn-info" type="button">Info</button>
<button class="btn btn-warning" type="button">Warning</button>
<button class="btn btn-danger" type="button">Danger</button>

<a class="btn btn-default" href="#" role="button">Link</a>
<button class="btn btn-default" type="submit">Button</button>
<input class="btn btn-default" type="button" value="Input">
<input class="btn btn-default" type="submit" value="Submit">

버튼 크기

크기 버튼 부트 스트랩 클래스는 다음과 같습니다.

.btn-lg
.btn-md
.btn-sm
.btn-xs

예 :

<button type="button" class="btn btn-primary btn-lg">Large</button>
<button type="button" class="btn btn-primary btn-md">Medium</button>
<button type="button" class="btn btn-primary btn-sm">Small</button>
<button type="button" class="btn btn-primary btn-xs">XSmall</button>

Modified text is an extract of the original Stack Overflow Documentation

아래 라이선스 CC BY-SA 3.0

와 제휴하지 않음 Stack Overflow

twitter-bootstrap-3
버튼

수색…

매개 변수

버튼 유형

버튼 크기