wiki:bootstrap:bootstrap_note:bs_badges_labels
Bootstrap Badges and Labels
- description : Bootstrap Badges and Labels
- author : 오션
- email : shlim@repia.com
- lastupdate : 2021-03-25
Badges
배지는 링크와 관련된 항목 수를 나타내는 **숫자 표시기 (numerical indicators)**입니다.
숫자 (5, 10, 2)가 배지(badges)입니다.
<span> 요소 내에서 .badge 클래스를 사용하여 배지를 만듭니다.
예제
배지는 버튼과 같은 다른 요소 내에서도 사용할 수 있습니다:
다음 예제는 버튼에 배지를 추가하는 방법을 보여줍니다.
예제
Badges on Buttons
Labels
라벨은 무언가에 대한 추가 정보를 제공하는 데 사용됩니다.
라벨을 만들기 위하여 <span> 요소 내에 .label 클래스를 사용한 다음,
6개의 컨텐스추얼 클래스 중 하나를 사용하세요
.label-default, .label-primary, .label-success, .label-info, .label-warning, label-danger
예제
Labels
Example New
Example New
Example New
Example New
Example New
Example New
하기의 예제에서 모든 컨텍스추얼 라벨 클래스를 확인합니다.
예제
Contextual Label Classes
Contextual Label Classes can be used to color the label.
Default Label Primary Label Success Label Info Label Warning Label Danger Label/volume1/web/dokuwiki/data/pages/wiki/bootstrap/bootstrap_note/bs_badges_labels.txt · 마지막으로 수정됨: 2023/01/13 18:44 (바깥 편집)
별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Share Alike 4.0 International
