Bootstrap是一個開源的前端框架，廣泛應用于網頁設計和開發。它提供了大量的CSS樣式和JavaScript組件，使開發人員可以快速搭建美觀且響應式的網頁。在使用Bootstrap進行布局時，有時候我們需要固定一個div的高度，以便在內容過多時進行滾動顯示。本文將重點介紹如何使用Bootstrap固定div的高度。
在Bootstrap中固定div的高度可以使用CSS的屬性來實現。設置固定高度的方式有多種，下面將詳細介紹幾個實用的代碼案例。
代碼案例一：使用max-height屬性

通過設置max-height屬性，可以固定一個div的最大高度，當內容超過該高度時，會自動出現滾動條。下面是一個使用Bootstrap實現固定div高度的示例：

<div class="container" style="max-height: 300px; overflow: auto;">
<!-- 這里是div的內容 -->
</div>

通過設置容器的max-height屬性為300px，并將overflow屬性設置為auto，可以實現當內容高度超過300px時，出現滾動條的效果。你可以根據實際需求調整max-height的數值，使它適應你的布局。

代碼案例二：使用固定高度和overflow屬性

另一種常用的方式是直接設置固定的高度，并將overflow屬性設置為scroll。這種方式下，無論內容是否超過div的高度，都會顯示滾動條。下面是一個代碼示例：

<div class="container" style="height: 300px; overflow: scroll;">
<!-- 這里是div的內容 -->
</div>

通過設置容器的height屬性為300px，并將overflow屬性設置為scroll，可以實現固定高度并且始終顯示滾動條的效果。這種方式適用于內容固定高度，并且你希望在任何情況下都顯示滾動條的場景。

代碼案例三：使用固定高度和overflow-y屬性

在某些情況下，你可能只希望縱向顯示滾動條而保持橫向布局的完整性。可以使用overflow-y屬性來設置縱向的滾動條。下面是一個相關的代碼示例：

<div class="container" style="height: 300px; overflow-y: auto;">
<!-- 這里是div的內容 -->
</div>

通過設置容器的height屬性為300px，并將overflow-y屬性設置為auto，可以實現只在縱向超出高度時顯示滾動條的效果。這種方式適用于你希望保持橫向布局的同時，有一定內容超出高度的需求。

綜上所述，以上是使用Bootstrap進行固定div高度的幾個常用代碼案例。通過合理運用這些代碼，你可以實現根據具體需求來固定div的高度效果，讓你的網頁布局更加靈活和美觀。希望本文對你使用Bootstrap固定div高度有所幫助。