Badges(バッジ)

バッジを表示します。
未読項目などを強調表示する時に使用します。
Bootstrap2ではバッジに色を指定出来ましたが、Bootstrap3ではグレー背景白文字のみとなります。
例外として、ピルナビゲーションとリストナビゲーションのアクティブ項目に使用した場合のみ白背景青文字となります。

サンプル01-バッジ表示

Inbox 42

Inbox 42

Inbox 未読あり

コーディング

<span>に以下のクラスを指定します

badge
01-03行目 バッジ表示したい数字等をbadgeで囲みます

サンプル02-ナビゲーション時のバッジ表示


コーディング
badge
02・07行目 アクティブ項目のbadge表示は、白背景青文字になります
pull-right
07・09行目 pull-rightを指定するとバッジが右寄せ表示になります