バッジは、リンクに関連した項目数を示す数値の指標です：
News 5数値 (5, 10, と 2) はバッジです。
バッジを作るには、<span> 要素内に .badge クラスを使用します：
<a href="#">News <span class="badge">5</span></a><br>
<a href="#">Comments
<span class="badge">10</span></a><br>
<a href="#">Updates <span
class="badge">2</span></a>
Try it Yourself »バッジは、ボタンなどの他の要素内でも使用することができます：
次の例は、ボタンにバッジを追加する方法を示しています：
<button type="button" class="btn btn-primary">Primary <span
class="badge">7</span></button>
Try it Yourself »ラベルは、何らかについての追加情報を提供するために使用します：
ラベルを作成するには、<span> 要素内に .label を使用して、
その後に次の 6 つのコンテキストクラスの 1 つを追加します：.label-default、.label-primary、
.label-success、.label-info、.label-warning、
.label-danger：
<h1>Example <span class="label label-default">New</span></h1>
<h2>Example <span class="label label-default">New</span></h2>
<h3>Example <span class="label label-default">New</span></h3>
<h4>Example <span class="label label-default">New</span></h4>
<h5>Example <span class="label label-default">New</span></h5>
<h6>Example <span class="label label-default">New</span></h6>
Try it Yourself »次の例は、全てのコンテキスト・ラベル・クラスを示しています：
<span class="label label-default">Default
Label</span>
<span class="label label-primary">Primary
Label</span>
<span class="label label-success">Success
Label</span>
<span class="label label-info">Info Label</span>
<span class="label label-warning">Warning
Label</span>
<span class="label label-danger">Danger
Label</span>
Try it Yourself »Exercise 1 » Exercise 2 » Exercise 3 » Exercise 4 »