목차

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

News 5
Comments 10
Updates 2


배지는 버튼과 같은 다른 요소 내에서도 사용할 수 있습니다:

다음 예제는 버튼에 배지를 추가하는 방법을 보여줍니다.

예제

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
, , , ,