Bootstrap3
日本語リファレンス

広告

フォントサイズ、行間、段落


body要素やp要素に適用するフォントサイズと行間についてと、leadクラスについて。


Bootstrapにおけるデフォルトのフォントサイズ(font-size)は、14px

サンプル
14pxのテキスト
ソースコード
14pxのテキスト

Bootstrapにおけるデフォルトの行間(line-height)は、1.428

サンプル
1行目
2行目
3行目
ソースコード
1行目<br>
2行目<br>
3行目

p要素の下には、10pxのマージンが、Bootstrapにおけるデフォルトとして設定されている。

サンプル

1段目。
1段目内における2行目。
1段目内における3行目。

2段目。
2段目内における2行目。
2段目内における3行目。

3段目。

ソースコード
<p>1段目。<br>1段目内における2行目。<br>1段目内における3行目。</p>
<p>2段目。<br>2段目内における2行目。<br>2段目内における3行目。</p>
<p>3段目。</p>

p要素は、leadクラスを指定すると、目立たせることができる。

サンプル

1段目。
1段目内における2行目。
1段目内における3行目。

2段目。
2段目内における2行目。
2段目内における3行目。

3段目。

ソースコード
<p class="lead">1段目。<br>1段目内における2行目。<br>1段目内における3行目。</p>
<p>2段目。<br>2段目内における2行目。<br>2段目内における3行目。</p>
<p>3段目。</p>

広告