bootstrap是一種流行的前端開發框架，它提供了許多強大的功能和組件，使網頁設計和布局變得更加簡單和高效。其中一個常用的功能就是懸浮div，它可以實現當鼠標懸停在某個元素上時，顯示另一個div，并在鼠標離開時隱藏它。通過使用bootstrap的CSS和JavaScript庫，我們可以很容易地實現這個效果。
以下是幾個示例，演示了如何使用bootstrap的懸浮div功能。
第一個案例是一個簡單的懸浮提示框。當鼠標懸停在一個元素上時，提示框會顯示出來，鼠標離開時則隱藏。，我們需要引入bootstrap的CSS和JavaScript文件。在HTML中，我們可以使用以下代碼：

<code>
<link rel="stylesheet"  integrity="sha384-YQ5WzqBjMsDTJ2WY9+S\/jT0Ipl741Aq3r1izY2tUjJeB9UmKfvtG2ljjmHMDNu8x" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-jyWPTEc89+BbuweBj+fGTX8ff2o8v7XvepJqZHl3oA9S8p+kEAv2+afaZJotCiUG" crossorigin="anonymous"></script>
</code>

接下來，我們創建一個按鈕，當鼠標懸停時，會顯示一個提示框。使用以下代碼：

<code>
<button type="button" class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="這是一個提示">
鼠標懸停時顯示提示框
</button>
</code>

上面的代碼中，我們給按鈕添加了"data-bs-toggle"和"title"屬性。"data-bs-toggle"屬性告訴bootstrap在鼠標懸停時要觸發提示框的顯示和隱藏，"title"屬性則指定了提示框中顯示的文本。
第二個案例是一個懸浮下拉菜單。當鼠標懸停在一個按鈕上時，會顯示一個下拉菜單，在鼠標離開時則隱藏。同樣地，我們需要引入bootstrap的CSS和JavaScript文件。在HTML中，我們可以使用以下代碼：

<code>
<link rel="stylesheet"  integrity="sha384-YQ5WzqBjMsDTJ2WY9+S\/jT0Ipl741Aq3r1izY2tUjJeB9UmKfvtG2ljjmHMDNu8x" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-jyWPTEc89+BbuweBj+fGTX8ff2o8v7XvepJqZHl3oA9S8p+kEAv2+afaZJotCiUG" crossorigin="anonymous"></script>
</code>

然后，在HTML中，我們創建一個按鈕，并添加一個下拉菜單。使用以下代碼：

<code>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
懸浮時顯示下拉菜單
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">菜單項1</a>
<a class="dropdown-item" href="#">菜單項2</a>
<a class="dropdown-item" href="#">菜單項3</a>
</div>
</div>
</code>

在上面的代碼中，我們創建了一個帶有下拉菜單的按鈕，并使用"data-bs-toggle"屬性來指定在鼠標懸停時觸發下拉菜單的顯示和隱藏。
以上是兩個示例，演示了如何使用bootstrap的懸浮div功能。通過使用bootstrap提供的CSS和JavaScript庫，我們可以輕松實現這個效果，為網頁帶來更好的用戶體驗。無論是一個簡單的提示框還是一個復雜的下拉菜單，bootstrap都提供了許多靈活的選項和樣式，可以滿足不同的需求。希望本文能夠幫助讀者更好地了解和應用bootstrap的懸浮div功能。