コンポーネント

ラベル

新しい情報 New

HTML4 と HTML5 の違いとは？ HTMLCSS3入門

新しい情報 <span class="label label-default">New</span>

ラベルは付加情報をインラインで書きたいときに使います。例のように、情報が新しいことを際立たせたり、記事に付けられたタグを表すためによく使われます。

バッジ

メッセージ 7

メッセージ <span class="badge">7</span>

バッジは、未読メッセージが何件あるなどといった情報を表すために使います。

パネル

ヘッダー

ボディ

フッター

<div class="panel panel-default">
    <div class="panel-heading">...</div>
    <div class="panel-body">...</div>
    <div class="panel-footer">...</div>
</div>

パネルはこの記事でふんだんに使っているグレーの枠です。<div class="panel-body">は必須ですが、<div class="panel-header">と<div class="panel-footer">はお好みでどうぞ。