オリジナルTシャツ制作を比較一括見積もり｜複数のオリジナルプリントTシャツ作成専門業者から比較

h3タイトル

h4タイトル

h5タイトル

h6タイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテ
赤文字は class=”text-accent”
赤文字は class=”text-accent”

class=”fontsize-xxsmall” で文字が小さくなる
class=”fontsize-xsmall” で文字が小さくなる
class=”fontsize-small” で文字が小さくなる
class=”fontsize-large” で文字が大きくなる
class=”fontsize-xlarge” で文字が大きくなる
class=”fontsize-xxlarge” で文字が大きくなる

回り込み

画像の回り込みは
class=”alignright”
class=”alignleft”
pタグの中に画像を入れればfloatは解除される。

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

サンプル

センタリング

左寄せ class=”text-align-left”

センター寄せ class=”text-align-center”

右寄せ class=”text-align-right”

余白

下に余白がほしいとき

class=”l-bottom”
class=”l-bottom-large”
class=”l-bottom-small”

上に余白がほしいとき

class=”l-top”
class=”l-top-large”
class=”l-top-small”

テーブル

ノーマルテーブル（クラス名無し）

会社名	おやつカンパニー
代表者	ドナルド・トランプ

上に見出しが欲しいとき

上の th を thead で囲う

タイプ1	タイプ2	タイプ3	タイプ4
Tシャツ	1600円	1,600円	1600円
Tシャツ	1600円	1600円	1600円

リスト

• りんご
• みかん
• バナナ

1. りんご
2. みかん
3. バナナ

こんなリストも作っときました

• 安い！！
• うまい！！
• はやい！！

• POINT.1安い！！
• POINT.2うまい！！
• POINT.3はやい！！

ボックス

レイアウト

基本的に12分割。l-grid-01～。l-grid-12 でカラム調整。

2分割

3分割

4分割

ボタン

class名 btn と btn-xxxxxx の組み合わせで色々できる。（※サブミットボタンだけ例外）
左寄せなどはdivで囲って調整する。