Bootstrap-labels

ブートストラップ-ラベル

この章では、ブートストラップラベルについて説明します。 ラベルは、ページの数、ヒント、またはその他のマークアップを提供するのに最適です。 クラス .label を使用して、次の例に示すようにラベルを表示します-

<h1>Example Heading <span class = "label label-default">Label</span></h1>
<h2>Example Heading <span class =" label label-default">Label</span></h2>
<h3>Example Heading <span class = "label label-default">Label</span></h3>
<h4>Example Heading <span class = "label label-default">Label</span></h4>

次の例に示すように、 label-default、label-primary、label-success、label-info、label-warning、label-danger などの修飾子クラスを使用して、ラベルの外観を変更できます-

<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>