ラベル

http://getbootstrap.com/components/#labels

例

Example heading New

<h3>Example heading <span class="label label-default">New</span></h3>

バリエーション

下記の修飾クラスを追加することで、ラベルの外観を変更することができます。

Default Primary Success Info Warning Danger

<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>

Have tons of labels?
狭いコンテナ内に多くのインラインラベルを持つ場合、コンテナ自身がinline-block要素(アイコンのような)である場合、描画において問題が発生する可能性があります。この問題を回避するには、display: inline-block;を設定します。詳細と例については、#13219を参照してください。

docs CC BY 3.0

このページは、ページトップのリンク先のBootstrap公式ドキュメント内のページを翻訳した内容を基に構成されています。下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

元のコンテンツと比べてドキュメントの情報が古くなっている可能性があります。
"訳注:"などの断わりを入れた上で、日本人向けの情報やより分かり易くするための追記を行っている事があります。