補助クラスのブートストラップ

この章では、ブートストラップの一部は便利なヘルパークラスに来るかもしれない説明します。

テキスト

次の異なるクラスは異なるテキストの色を示しています。 テキストはテキストの上にマウスを移動するためのリンクがある場合は淡色表示されます。

背景

次の異なるクラスの異なる背景色を示しています。 テキストはテキストの上にマウスを移動するためのリンクがある場合は淡色表示されます。

他の

より多くの例

閉じるアイコン

モーダルボックスと警告ボックスを閉じるには、共通の[閉じる]アイコンを使用してください。 閉じるアイコンを取得するに近いクラスを使用します。

結果は以下の通りであります：

キャレット

機能と方向をプルダウンするキャレットを使用します。 この機能を取得するためのクラスキャレット付きの<span>要素を使用します。

結果は以下の通りであります：

高速浮動

あなたは、各クラスのプル左プル右または左または右浮動要素に使用することができます。 次の例では、この点を示しています。

結果は以下の通りであります：

ナビゲーションバーのコンポーネントを整列させるために、.navbar左使用したり、.navbar右の代わりに。 参照してください。 ブートストラップのナビゲーションバーを 。

中心のコンテンツ

要素を中央に、クラスの中心ブロックを使用してください。

結果は以下の通りであります：

クリアフロート

浮動要素をクリアするには、.clearfixクラスを使用します。

結果は以下の通りであります：

表示と非表示コンテンツ

あなたは.SHOWと来る.hiddenクラスの使用を介して表示するための要素または（スクリーンリーダーを含む）、非表示を強制することができます。

結果は以下の通りであります：

スクリーンリーダー

あなたはスクリーンリーダーに加えて、隠されたクラス .SR-のみを使用して、デバイス上のすべての要素を置くことができます。

結果は以下の通りであります：

ここでは、クラスの SR-のみでラベル入力タグの2つのタイプを参照してくださいので、ラベルはスクリーンリーダーに表示されます。