label

カテゴリー名などに使用する、小さなラベルを表示する。a要素にも指定できる。

吾輩は猫である。名前はまだ無い。labellabel(link)どこで生れたかとんと見当がつかぬ。

<p>吾輩は猫である。名前はまだ無い。<span class="label">label</span><a href="#" class="label">label(link)</a>どこで生れたかとんと見当がつかぬ。</p>

label-(color)

ラベルの色を変更する。(color)はカラーの設定を参照。

吾輩は猫である。名前はまだ無い。label-firstlabel-first(link)どこで生れたかとんと見当がつかぬ。

吾輩は猫である。名前はまだ無い。label-secondlabel-second(link)どこで生れたかとんと見当がつかぬ。

吾輩は猫である。名前はまだ無い。label-thirdlabel-third(link)どこで生れたかとんと見当がつかぬ。

吾輩は猫である。名前はまだ無い。label-infolabel-info(link)どこで生れたかとんと見当がつかぬ。

吾輩は猫である。名前はまだ無い。label-importantlabel-important(link)どこで生れたかとんと見当がつかぬ。

<p>吾輩は猫である。名前はまだ無い。<span class="label label-first">label-first</span><a href="#" class="label label-first">label-first(link)</a>どこで生れたかとんと見当がつかぬ。</p>
<p>吾輩は猫である。名前はまだ無い。<span class="label label-second">label-second</span><a href="#" class="label label-second">label-second(link)</a>どこで生れたかとんと見当がつかぬ。</p>
<p>吾輩は猫である。名前はまだ無い。<span class="label label-third">label-third</span><a href="#" class="label label-third">label-third(link)</a>どこで生れたかとんと見当がつかぬ。</p>
<p>吾輩は猫である。名前はまだ無い。<span class="label label-info">label-info</span><a href="#" class="label label-info">label-info(link)</a>どこで生れたかとんと見当がつかぬ。</p>
<p>吾輩は猫である。名前はまだ無い。<span class="label label-important">label-important</span><a href="#" class="label label-important">label-important(link)</a>どこで生れたかとんと見当がつかぬ。</p>

label-inverse

ラベルの文字色をbody要素の文字色、背景色をbody要素の背景色にする。
.label-(color) と同時に使用すると、文字色が指定した色になる。

吾輩は猫である。名前はまだ無い。label-inverselabel-inverse(link)どこで生れたかとんと見当がつかぬ。

<div class="bg-first bg-mild p-y">
    <p>吾輩は猫である。名前はまだ無い。<span class="label label-inverse">label-inverse</span><a href="#" class="label label-inverse">label-inverse(link)</a>どこで生れたかとんと見当がつかぬ。</p>
    <p>吾輩は猫である。名前はまだ無い。<span class="label label-inverse label-first">label-inverse</span><a href="#" class="label label-inverse label-first">label-inverse(link)</a>どこで生れたかとんと見当がつかぬ。</p>
    <p>吾輩は猫である。名前はまだ無い。<span class="label label-inverse label-second">label-inverse</span><a href="#" class="label label-inverse label-second">label-inverse(link)</a>どこで生れたかとんと見当がつかぬ。</p>
    <p>吾輩は猫である。名前はまだ無い。<span class="label label-inverse label-third">label-inverse</span><a href="#" class="label label-inverse label-third">label-inverse(link)</a>どこで生れたかとんと見当がつかぬ。</p>
    <p>吾輩は猫である。名前はまだ無い。<span class="label label-inverse label-info">label-inverse</span><a href="#" class="label label-inverse label-info">label-inverse(link)</a>どこで生れたかとんと見当がつかぬ。</p>
    <p>吾輩は猫である。名前はまだ無い。<span class="label label-inverse label-important">label-inverse</span><a href="#" class="label label-inverse label-important">label-inverse(link)</a>どこで生れたかとんと見当がつかぬ。</p>
</div>

label-round

ラベルが小判型になる。