배지
배지는 링크와 연관된 얼마나 많은 항목의 수치 지표 :
뉴스 (5)10 댓글
업데이트 2
숫자 (5, 10, 2)를 배지한다.
사용 .badge 내 클래스 <span> 배지를 만들 수있는 요소를 :
예
<a href="#">News <span class="badge">5</span></a><br>
<a href="#">Comments
<span class="badge">10</span></a><br>
<a href="#">Updates <span
class="badge">2</span></a>
»그것을 자신을 시도 배지는 버튼과 같은 다른 요소 내에서 사용할 수 있습니다 :
다음의 예는 버튼에 배지를 추가하는 방법을 보여줍니다 :
예
<button type="button" class="btn btn-primary">Primary <span
class="badge">7</span></button> »그것을 자신을 시도 라벨
라벨은 무언가에 대한 추가 정보를 제공하는데 사용된다 :
예 새
예 새
예 새
예 새
예 새
예 새
사용 .label 여섯 문맥 클래스 중 하나 다음에 클래스, .label-default , .label-primary , .label-success , .label-info , .label-warning 또는 .label-danger 내에서, <span> 요소 라벨을 만들 수 있습니다 :
예
<h1>Example <span class="label label-default">New</span></h1>
<h2>Example <span class="label label-default">New</span></h2>
<h3>Example <span class="label label-default">New</span></h3>
<h4>Example <span class="label label-default">New</span></h4>
<h5>Example <span class="label label-default">New</span></h5>
<h6>Example <span class="label label-default">New</span></h6> »그것을 자신을 시도 다음 예는 모든 상황에 맞는 라벨 클래스를 보여줍니다 :
기본 레이블 기본 레이블 성공 라벨 정보 라벨 경고 라벨 위험 레이블
예
<span class="label label-default">Default
Label</span>
<span class="label label-primary">Primary
Label</span>
<span class="label label-success">Success
Label</span>
<span class="label label-info">Info Label</span>
<span class="label label-warning">Warning
Label</span>
<span class="label label-danger">Danger
Label</span> »그것을 자신을 시도