Bootstrap 5 導覽列下拉選單不起作用：如何修復資料屬性問題？

導覽列下拉選單在Bootstrap 5 中不起作用：已解決

使用Bootstrap 5 建立回應式導覽選單時，使用者遇到了下拉功能問題。儘管有必要的圖標並包含 jQuery，但單擊導航或下拉按鈕時，下拉式選單無法出現。

解決方案：

在Bootstrap 5 中，資料-之前在Bootstrap 4 中使用的 屬性已更新為data-bs- 以區分Bootstrap 功能與其他程式碼。此變更影響了 JavaScript 外掛程式使用的屬性，包括導覽列折疊。為了確保功能正常，請將 data- 屬性替換為data-bs-，如下所示：

<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar">
    <span class="navbar-toggler-icon"></span>
</button>

示範：

[插入工作此處示範]

其他注意事項：

• Bootstrap 5是一項重大更新，引入了重大變更。
• 先前使用的 mr-auto/ml-auto 類別已替換為 ms-auto/me -自動。

以上是Bootstrap 5 導覽列下拉選單不起作用：如何修復資料屬性問題？的詳細內容。更多資訊請關注PHP中文網其他相關文章！