Bootstrap 是一個流行的前端開發框架，提供了豐富的樣式和功能組件，幫助開發者快速構建美觀的網頁和應用程序。其中一個常用的功能是隱藏<div>元素，即通過設置CSS樣式的display屬性來控制元素的可見性。

下面通過幾個代碼案例，詳細解釋說明如何使用Bootstrap隱藏<div>。

案例一：

<code>
<div class="hidden">
這是要被隱藏的內容。
</div>
</code>

在這個案例中，我們給<div>元素添加了一個名為"hidden"的CSS類。在Bootstrap框架中，這個CSS類會將元素的display屬性設置為"none"，從而使<div>元素隱藏起來。你可以將這段代碼添加到你的HTML文件中，即可實現隱藏效果。

案例二：

<code>
<div class="d-none">
這是要被隱藏的內容。
</div>
</code>

在這個案例中，我們使用了另一個CSS類"d-none"來實現隱藏效果。這個類也會將元素的display屬性設置為"none"，達到隱藏的目的。在實際應用中，你可以根據需要選擇使用"hidden"類還是"d-none"類，它們的效果是一樣的。

案例三：

<code>
<div style="display: none;">
這是要被隱藏的內容。
</div>
</code>

除了使用CSS類外，你也可以直接在<div>的style屬性中設置display屬性為"none"來隱藏元素。在這個案例中，我們通過在<div>的style屬性中添加"display: none;"來實現隱藏效果。這種做法適用于在特定情況下臨時隱藏元素。

通過上述案例的介紹，我們學習了如何使用Bootstrap隱藏<div>元素。通過設置CSS樣式的display屬性為"none"，我們可以輕松地控制元素的可見性。你可以根據具體需求選擇合適的方式來隱藏<div>元素，在開發過程中提供更好的用戶體驗。