bootstrap_一つのdivをScrollViewのようにできるのか

bootstrapにはひとつのdivを

swiftUIでの ScrollViewのように

垂直方向にスクロール可能なviewにするような 

classは用意されているのでしょうか？

↓

Bootstrapには、

SwiftUIの`ScrollView`のように

要素を垂直方向にスクロール可能にするクラスが用意されています。

それを実現するためには、`overflow-y: auto` や 

`overflow-y: scroll` を活用します。

Bootstrapでは、これに対応するユーティリティクラスとして、

以下のものが用意されています：

### 1. `overflow-auto`

このクラスを使うと、

コンテンツが親要素の高さを超えた場合に

スクロールバーが表示されます。

```html

<div class="overflow-auto" 

style="max-height: 300px; 

border: 1px solid #ddd;">

  <p>スクロール可能なコンテンツ...</p>

  <p>...</p>

  <p>...</p>

</div>

```

- `max-height` を指定することで、

垂直方向のスクロール範囲を制御できます。

---

### 2. `overflow-scroll`

これを使用すると、常にスクロールバーが表示されます。

```html

<div class="overflow-scroll" 

style="max-height: 300px; 

border: 1px solid #ddd;">

  <p>スクロール可能なコンテンツ...</p>

  <p>...</p>

  <p>...</p>

</div>

```

---

### 補足

SwiftUIの`ScrollView`とは異なり、

Bootstrapでは基本的にCSSの`overflow`プロパティを

直接操作する形になります。

また、親要素の高さを設定しないとスクロールが発生しないため、

`max-height`や`height`の指定が必要です。

より高度なカスタマイズが必要であれば、

[BootstrapのユーティリティAPI]

(https://getbootstrap.com/docs/5.3/utilities/overflow/)を確認してください。