부트 스트랩 배지 및 라벨

부트 스트랩 배지 및 라벨

배지
배지는 링크와 연결된 항목 수를 수치화 한 것입니다.

숫자 (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>