教程中使用bootstrap5之后,点击导航按钮不展开的解决办法

Bootstrap
482
0
0
2022-10-23

使用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">
...

现在点击展开按钮,就会显示登录和注册的链接。