테스트 사이트 - 개발 중인 베타 버전입니다

부트 스트랩 배지 및 라벨

· 8년 전 · 2415
부트 스트랩 배지 및 라벨

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

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

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리싱강좌

글쓰기