〜宣伝〜
個人開発でエンジニア専門マッチングサービスを開発しましたので、是非未経験からエンジニア目指している人！現役エンジニアで教えたい人！使ってみてください！
β版リリース記念キャンペーン中です！
10名様限定、抽選でお好きな技術本1冊プレゼント！
🎉当選者にはメッセージ差し上げます(送付の際に住所はお聞きしません)
詳しくはこちらから↓
目的
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>