要素は以下のように表示されます。以下が設定されています。要素を使って引用元を示すと以下のように表示されます。要素の中に入れなければいけません。クラスを指定すると右寄せになります。属性と組み合わせて使います。属性には、略語や頭字語の正式な名称を指定します。属性を指定した場合、一般的なブラウザではマウスカーソルを乗せた際にツールチップとして表示されます。要素で表すように変更されています。属性で指定した文字列が表示されます。以下が設定されています。}}文字を大きく表示して目立つようにするクラスです。これはリードクラスです。class="lead">これはリードクラスです。以下のような大文字・小文字を変換するクラスが用意されています。以下が設定されています。要素及び同じ名前のクラスが設定されています。要素等)を見出しと同じ表示にすることができます。見出しセカンダリーテキスト見出しにサブタイトルを付けたい場合などは、セカンダリーテキストを利用すると便利です。クラスを指定すると、文字が小さく表示され、サブタイトルのように表示されます。以下のようなスタイルが設定されています。以下のような行揃えのクラスが用意されているので、クラスを指定するだけで行揃えを適用することができます。dl)のスタイルやクラスについて。要素で作成したリストの例です。パディングとマーカーが表示されます。クラスは、番号付きリスト(ol)にも指定できます。以下が設定されています。以下が設定されています。要素で作成した定義リストの例です。要素の左側に余白はありません。以下が設定されています。未満の場合は、通常の定義リストとして表示されます。以下が設定されています。用意されたクラスを指定することでテーブルレイアウト(表組み)のスタイルを簡単に変更することができます。クラスを指定すると以下のようなシンプルなテーブル表示になります。クラスを指定すれば、1行間隔で背景色を変えることができます。col-lg-n※見出しの行に背景色を付けないようにするには、表をヘッダー部分(thead)とデータ部分(tbody)に分ける必要があります。必要に応じてフッター部分(tfoot)にも分けます。ヘッダー部分とデータ部分に分けない場合、表全体がデータ部分と見なされ、見出しの行にも背景色が付いてしまいます。クラスを指定すれば、枠線を付けることができます。クラスを指定すると、テーブルにマウスオーバーしたときのエフェクト(行に背景色を付ける)を追加できます。クラスを指定すると、セルの余白(パディング)設定が半分のテーブルになります。th)にクラスを指定することで背景色を付けることができます。要素を囲むと、テーブルをレスポンシブに対応できます。いうクラスを指定します。や高さ、余白、角丸などが設定されています。以下のように設定されています。いうクラスを指定します。属性で指定することができます。以上の場合に全ての項目が横1列に並べて配置されます。未満の場合は、項目が幅100%で表示されます。Reader)からラベルが読み上げられなくなってしまいます。いうクラスを指定します。クラスは、スクリーンリーダには読み上げられるが、画面には表示したくない要素に指定します。属性で指定しています。指定し、グリッドシステムを使用して配置します。