目的
Bootstrapを用いてCSSでの設定のfont-weightプロパティと同じ表示にする方法をまとめる。
前提条件
- Bootstrapの設定が読み込まれるようになっている
- Bootstrapのテンプレートを使用してHTMLファイルをコーディングしている。
※Bootstrapの設定を反映させるためのテンプレートはこちらのスターターテンプレート内のコードをコピーする。
押さえるポイント
- Bootstrapで既に定義された内容を設定したい時はHTMLファイルのクラス名に定義名を記載する。
- 通常の文字を太字に設定するときはクラス名にfont-weight-boldを追加する。
- 太字を細字に設定するときはクラス名にfont-weight-normalを追加する。
書き方の例
- p要素のテキストを太字に設定する。
- 下記にHTMLファイルの内容を記載する。
<p class="font-weight-bold">おはようございます。</p>
- h1要素のテキストを細字に設定する。
- 下記にHTMLファイルの内容を記載する。
<h1 class="font-weight-normal">おはようございます。</h1>