CSS

Bootstrapで用意されているCSSの説明。

見出し

<h1>〜<h6>の設定。また、クラスで.h1〜.h6までの用意されており<h1>〜<h6>と同じスタイル設定が適用されます。

<h1>〜<h6>タグのみを指定した場合

それぞれ文字サイズは下記の表のように指定されています。font-weightは共通で500の設定がされています。また、見出しタグ内に、<small>タグでサブテキストも追加できます。

見出し 文字サイズ

h1 見出し サブテキスト

36px

h2 見出し サブテキスト

30px

h3 見出し サブテキスト

24px

h4 見出し サブテキスト

18px
h5 見出し サブテキスト
14px
h6 見出し サブテキスト
12px
				<h1>h1. 見出し <small>サブテキスト</small></h1>
				<h2>h2. 見出し <small>サブテキスト</small></h2>
				<h3>h3. 見出し <small>サブテキスト</small></h3>
				<h4>h4. 見出し <small>サブテキスト</small></h4>
				<h5>h5. 見出し <small>サブテキスト</small></h5>
				<h6>h6. 見出し <small>サブテキスト</small></h6>

.h1〜.h6のクラスをタグに指定した場合

クラスで.h1〜.h6のタグを追加しても同じ設定の見た目の表示になります。

見出し 文字サイズ
.h1 見出し 36px
.h2 見出し 30px
.h3 見出し 24px
.h4 見出し 18px
.h5 見出し 14px
.h6 見出し 12px
				<p class="h1">h1. 見出し</p>
				<p class="h2">h2. 見出し</p>
				<p class="h3">h3. 見出し</p>
				<p class="h4">h4. 見出し</p>
				<p class="h5">h5. 見出し</p>
				<p class="h6">h6. 見出し</p>