Helper classes
配置や表示関連のサポート系のクラスです。
サンプル01-文字色・背景色の定義
文字色定義
文字・背景色の定義(text-muted)
文字・背景色の定義(text-primary)
文字・背景色の定義(text-success)
文字・背景色の定義(text-info)
文字・背景色の定義(text-warning)
文字・背景色の定義(text-danger)
背景色定義
文字・背景色の定義(bg-primary)
文字・背景色の定義(bg-success)
文字・背景色の定義(bg-info)
文字・背景色の定義(bg-warning)
文字・背景色の定義(bg-danger)
機能
状態に対応した文字色と背景色が定義されています
使用する状況に応じて指定してください
コーディング
・<p>や<span>などに以下のクラスを指定します
文字色 .text-muted・.text-primary・.text-success・.text-info・.text-warning・.text-danger
背景色 .bg-primary・.bg-success・.bg-info・.bg-warning・.bg-danger
サンプル02-特殊な文字表示
機能
クローズボタン(xマーク)やキャレット(下向きの三角マーク)を表示します
クローズボタンはデフォルトでfloat:rightされているので使用する時は注意してください
コーディング
・<button>や<span>などに以下のクラスを指定します
- .close
- 指定されたボタンをクローズボタンとします
- .caret
- キャレットを表示します
サンプル03-Floatの設定
機能
Floaの設定
コーディング
- .pull-left
- .pull-right
サンプル04-Blockのセンタリング
機能
Blockのセンタリング
コーディング
- .center-block
サンプル05-Floatの解除
機能
Floatの解除
コーディング
- .clearfix
サンプル06-表示・非表示設定
機能
表示・非表示設定
コーディング
- .show
- .hidden