bootstrap_divのtextContentに対する_font-size

bootstrap で div や p, span内の

text contentに対するfont sizeを設定するための classには、

どのようなものがあるのでしょうか？

↓

Bootstrapには、

テキストのフォントサイズを設定するためのユーティリティクラスが用意されています。

以下がその主なクラスと概要です：

---

### **フォントサイズの設定クラス**

Bootstrap 5以降では、

フォントサイズを指定するために以下のクラスが利用できます。

| クラス          | 説明                            |

|-----------------|------------------------------|

| `fs-1`          | 非常に大きなフォントサイズ (約2.5rem) |

| `fs-2`          | 大きなフォントサイズ (約2rem)       |

| `fs-3`          | 中くらいのフォントサイズ (約1.75rem) |

| `fs-4`          | 小さめのフォントサイズ (約1.5rem)   |

| `fs-5`          | 小さいフォントサイズ (約1.25rem)    |

| `fs-6`          | 非常に小さいフォントサイズ (約1rem)  |

---

### **使用例**

```html

<div class="fs-1">これは非常に大きな文字サイズです</div>

<p class="fs-4">これは小さめの文字サイズです</p>

<span class="fs-6">これは非常に小さい文字サイズです</span>

```

---

### **レスポンシブ対応のフォントサイズ**

Bootstrapではレスポンシブ対応のフォントサイズを指定するために、

クラスにブレークポイントを追加できます。

| クラス                 | 説明 |

|------------------------|------|

| `fs-md-3`              | 中サイズ以上で`fs-3`を適用 |

| `fs-lg-2`              | 大サイズ以上で`fs-2`を適用 |

| `fs-xl-1`              | 特大サイズ以上で`fs-1`を適用 |

#### 使用例

```html

<p class="fs-3 fs-md-2 fs-lg-1">

レスポンシブでフォントサイズが変わるテキスト</p>

```

---

### **カスタムフォントサイズ**

もしデフォルトのフォントサイズでは足りない場合、

カスタムCSSで独自のクラスを作成することも可能です。

```html

<style>

  .custom-font {

  

    font-size: 3rem;

  }

  

</style>

<p class="custom-font">

カスタムフォントサイズのテキスト</p>

```

---

Bootstrapのユーティリティクラスを活用することで、

効率的かつ統一感のあるスタイリングが可能です！