부트스트랩 사용하기 - 뱃지

알림 뱃지

글씨 옆에 작은 라벨을 표현할 때 사용합니다. New

글씨 옆에 작은 라벨을 표현할 때 사용합니다. New

글씨 옆에 작은 라벨을 표현할 때 사용합니다. New

글씨 옆에 작은 라벨을 표현할 때 사용합니다. New

글씨 옆에 작은 라벨을 표현할 때 사용합니다. New

글씨 옆에 작은 라벨을 표현할 때 사용합니다. New

<div class="websboot">
	<div class="h1">글씨 옆에 작은 라벨을 표현할 때 사용합니다. <span class="badge">New</span></div>
	<div class="h2">글씨 옆에 작은 라벨을 표현할 때 사용합니다. <span class="badge">New</span></div>
	<div class="h3">글씨 옆에 작은 라벨을 표현할 때 사용합니다. <span class="badge">New</span></div>
	<div class="h4">글씨 옆에 작은 라벨을 표현할 때 사용합니다. <span class="badge">New</span></div>
	<div class="h5">글씨 옆에 작은 라벨을 표현할 때 사용합니다. <span class="badge">New</span></div>
	<div class="h6">글씨 옆에 작은 라벨을 표현할 때 사용합니다. <span class="badge">New</span></div>
</div>

문장 속에서 쓰는 뱃지

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

<div class="websboot">
	<div class="h1">문장 속에서 <span class="badge">표현</span>할 때 사용합니다.</div>
	<div class="h2">문장 속에서 <span class="badge">표현</span>할 때 사용합니다.</div>
	<div class="h3">문장 속에서 <span class="badge">표현</span>할 때 사용합니다.</div>
	<div class="h4">문장 속에서 <span class="badge">표현</span>할 때 사용합니다.</div>
	<div class="h5">문장 속에서 <span class="badge">표현</span>할 때 사용합니다.</div>
	<div class="h6">문장 속에서 <span class="badge">표현</span>할 때 사용합니다.</div>
</div>

알약 뱃지

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

<div class="websboot">
	<div class="h1">문장 속에서 <span class="badge-pill">표현</span>할 때 사용합니다.</div>
	<div class="h2">문장 속에서 <span class="badge-pill">표현</span>할 때 사용합니다.</div>
	<div class="h3">문장 속에서 <span class="badge-pill">표현</span>할 때 사용합니다.</div>
	<div class="h4">문장 속에서 <span class="badge-pill">표현</span>할 때 사용합니다.</div>
	<div class="h5">문장 속에서 <span class="badge-pill">표현</span>할 때 사용합니다.</div>
	<div class="h6">문장 속에서 <span class="badge-pill">표현</span>할 때 사용합니다.</div>
</div>

링크 뱃지

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

문장 속에서 표현할 때 사용합니다.

<div class="websboot">
	<div class="h1">문장 속에서 <a href="#" class="badge">표현</a>할 때 사용합니다.</div>
	<div class="h2">문장 속에서 <a href="#" class="badge">표현</a>할 때 사용합니다.</div>
	<div class="h3">문장 속에서 <a href="#" class="badge">표현</a>할 때 사용합니다.</div>
	<div class="h4">문장 속에서 <a href="#" class="badge">표현</a>할 때 사용합니다.</div>
	<div class="h5">문장 속에서 <a href="#" class="badge">표현</a>할 때 사용합니다.</div>
	<div class="h6">문장 속에서 <a href="#" class="badge">표현</a>할 때 사용합니다.</div>
</div>