badge

新着アイコンなどに使用する、バッジを表示する。英数字のみが入ることが前提となっている。

Badge

<p>
  <span class="badge">Badge</span>
</p>

badge-(color)

バッジの色を変更する。(color)はカラーの設定を参照。

First Second Third Info Important

<p>
  <span class="badge badge-first">First</span>
  <span class="badge badge-second">Second</span>
  <span class="badge badge-third">Third</span>
  <span class="badge badge-info">Info</span>
  <span class="badge badge-important">Important</span>
</p>