twitter-bootstrap
부트 스트랩 배지 및 라벨

배지

배지는 얼마나 많은 항목이 링크와 연결되어 있는지를 나타내는 숫자 지표입니다.

배지를 만들려면 <span> 요소에서 .badge 클래스를 사용하십시오.

<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>

레이블

레이블은 무언가에 대한 추가 정보를 제공하는 데 사용됩니다.

<span> 요소 내에서 .label 클래스를 사용하고 6 개의 문맥 클래스 인 .label-default , .label-primary , .label-success , .label-info , .label-warning 또는 .label-danger 중 하나를 사용하십시오. 라벨을 만들려면 다음 단계를 따르세요.

<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>