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