Bootstrap で 文字 の 太さ を 設定

〜宣伝〜

個人開発でエンジニア専門マッチングサービスを開発しましたので、是非未経験からエンジニア目指している人！現役エンジニアで教えたい人！使ってみてください！

β版リリース記念キャンペーン中です！

10名様限定、抽選でお好きな技術本1冊プレゼント！
🎉当選者にはメッセージ差し上げます(送付の際に住所はお聞きしません)
詳しくはこちらから↓

https://x.com/dokupro01/status/1796837336145436846

目的

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>