Bootstrap 4 / Badge - New, 숫자 등 작은 라벨 만들기

Badge

새 글일 경우 New를 붙이거나, 글 목록에 댓글 개수를 보여주는 것을 보신 적이 있을 겁니다. Bootsrap의 Badge를 이용하면 쉽게 모양을 꾸밀 수 있습니다.

기본

클래스에 'badge badge-primary' 등을 붙이면 배지가 만들어집니다. 글자 크기는 em 단위로 정해져 있어서, 주위 글자 크기에 맞게 조정됩니다.

badge-pill

클래스에 badge-pill를 추가하면 더 둥근 모양으로 만들어집니다.

예제

글 목록에 라벨을 붙이는 간단한 예제입니다.