目的
Bootstrapを用いてh要素より目立つ見出しを設定する方法をまとめる
※Bootstrapについてまとめた投稿はこちらをご覧下さい。
前提条件
- Bootstrapの設定が読み込まれるようになっている
押さえるポイント
- Bootstrapで既に定義された内容を設定したい時はHTMLファイルのクラス名に定義名を記載する。
- より目立つ見出しを作る時はh要素のクラス名にdisplay-数字を追加する。
- 数字は1~4の数字で、見出しのサイズを表す。
- 1が最大の見出しで4が最小の見出しとなっている。
書き方の例
- h1要素のテキストを最大の見出しに設定する。
- 下記にHTMLファイルの内容を記載する。
<h1 class="display-1">おはようございます。</h1>