導覽列下拉選單在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 導覽列下拉選單不起作用:如何修復資料屬性問題?的詳細內容。更多資訊請關注PHP中文網其他相關文章!