基本フォントサイズ14px フォントカラー#333333
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

見出しh2 サイズ22px #127d00

ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト


見出しh3 サイズ18px #333333

見出しh4 サイズ16px #333333

見出しh5 サイズ16px #127d00
見出しh6 サイズ16px #333333

テキストリンク (アンダーライン, ボールド) リンクカラー#ff7800


※ 赤のテキストカラー赤のテキストカラー赤のテキストカラー #e70000
※ 薄いグレイのテキストカラー薄いグレイのテキストカラー薄いグレイのテキストカラー #666666

テキストアライン

左寄せ左寄せ左寄せ左寄せ

右寄せ右寄せ右寄せ右寄せ

センター寄せセンター寄せセンター寄せセンター寄せ

テーブル

テーブルはデフォルト左寄せにしています。
センターにする場合、th,tdタグに「テキストアライン」のclass名「t_aligncenter」をご利用ください。

背景 #127d00 文字 #ffffff 背景 #daebd7 文字 #333333
テキストテキスト テキストテキスト テキストテキスト テキストテキスト
テキストテキスト テキストテキスト テキストテキスト テキストテキスト
テキストテキスト テキストテキスト テキストテキスト テキストテキスト

画像の左右センター寄せ

sample5

sample5

sample5

囲みボックス

背景色:#ffffff、罫線色:#cccccc ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミー テキストダミーテキストダミーテキストダミーテキストダミーテキスト
背景色:#ffffff、罫線色:#cccccc ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミー テキストダミーテキストダミーテキストダミーテキストダミーテキスト
背景色:#ffffff、罫線色:#cccccc ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミー テキストダミーテキストダミーテキストダミーテキストダミーテキスト
背景色:#ffffff、罫線色:#cccccc ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミー テキストダミーテキストダミーテキストダミーテキストダミーテキスト

中央ボタン

画像4つ並び

smサイズで4列、xsサイズで2列になるよう、「col-sm-3 col-xs-6」を利用します。

sample5

ダミーテキストダミーテキストダミーテキストダミーテキストダミー

sample5

ダミーテキストダミーテキストダミーテキストダミーテキストダミー

sample5

ダミーテキストダミーテキストダミーテキストダミーテキストダミー

sample5

ダミーテキストダミーテキストダミーテキストダミーテキストダミー