サンプル

基本フォントサイズ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」をご利用ください。

画像の左右センター寄せ

囲みボックス

中央ボタン

画像4つ並び

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

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

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

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

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