부트 스트랩 배지 및 라벨 > 퍼블리싱강좌

퍼블리싱강좌

부트 스트랩 배지 및 라벨 정보

부트스트랩 부트 스트랩 배지 및 라벨

본문

부트 스트랩 배지 및 라벨

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

숫자 (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>
추천
1

댓글 0개

전체 283
퍼블리싱강좌 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT