教程中使用bootstrap5之後,點選導航按鈕不展開的解決辦法

justin_g發表於2022-06-04

使用bootstrap5後,瀏覽器螢幕縮小後,點選展開的按鈕沒有反應。
把展開按鈕的data-toggle和data-target兩個屬性修改一下即可:

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
...

修改成

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
...

現在點選展開按鈕,就會顯示登入和註冊的連結。

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章