• Q&A
  • 회원가입
  • 로그인

[basic] BS3 - Badge/Label (BS배지/BS레이블=BS라벨) ※ BS속도저하해결

목차 

 

[Label]

.label (라벨 생성)

.label-default (기본회색라벨)

.label-primary (primary 타입의 파란색 이름표)

.label-success (success 타입의 녹색 이름표)

.label-info (info 타입의 하늘색 이름표)

.label-warning (warning 타입의 황갈색 이름표)

.label-danger (danger 타입의 빨간색 이름표)

 

[badge]

.badge (새 글이나 안 읽은 항목 표시)

 

 

 

Label

 

Label 기본

 

<h3>Example heading <span class="label label-default">New</span></h3>



Label 색깔

 

<span class="label label-default">Default</span>

<span class="label label-primary">Primary</span>

<span class="label label-success">Success</span>

<span class="label label-info">Info</span>

<span class="label label-warning">Warning</span>

<span class="label label-danger">Danger</span>

 

 

 

BS속도 이슈

 

좁은 Container 안에 많은 인라인 라벨 가질 때 발생 가능.

속도저하 해결하려면, display: inline-block; 으로 설정

https://github.com/twbs/bootstrap/issues/13219

 


오늘도 즐겁게 열심히 .....

찾아주셔서 감사합니다. Since 2012