======Bootstrap Badges and Labels====== * description : Bootstrap Badges and Labels * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 \\ =====Badges===== ===배지는 링크와 관련된 항목 수를 나타내는 **숫자 표시기 (numerical indicators)**입니다.=== {{:wiki:bootstrap:bootstrap_note:bootstrap-badges.png|}}\\ 숫자 (5, 10, 2)가 **배지(badges)**입니다.\\ \\ ''%%%%'' 요소 내에서 ''%%.badge%%'' 클래스를 사용하여 배지를 만듭니다.\\ ====예제====

Badges

News 5
Comments 10
Updates 2

\\ 배지는 버튼과 같은 다른 요소 내에서도 사용할 수 있습니다:\\ {{:wiki:bootstrap:bootstrap_note:badges_on_a_button.png?250|}}\\ 다음 예제는 버튼에 배지를 추가하는 방법을 보여줍니다.\\ ====예제====

Badges on Buttons

\\ =====Labels===== 라벨은 무언가에 대한 추가 정보를 제공하는 데 사용됩니다.\\ 라벨을 만들기 위하여 ''%%%%'' 요소 내에 ''%%.label%%'' 클래스를 사용한 다음,\\ 6개의 컨텐스추얼 클래스 중 하나를 사용하세요\\ ''%%.label-default%%'', ''%%.label-primary%%'', ''%%.label-success%%'', ''%%.label-info%%'', ''%%.label-warning%%'', ''%%label-danger%%''\\ {{:wiki:bootstrap:bootstrap_note:labels.png?200|}}\\ ====예제====

Labels

Example New

\\ 하기의 예제에서 모든 컨텍스추얼 라벨 클래스를 확인합니다.\\ {{:wiki:bootstrap:bootstrap_note:contextual-label-classes.png?400|}} ====예제====

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