如何解决data-bs-target="#navbarTogglerDemo01" 为什么这在 Bootstrap-5 上不起作用?
通常,当我点击右侧的汉堡菜单时,我希望看到 3 个链接。但是当我点击它时,它没有显示联系、定价和下载这 3 个链接。我对互联网上的 Bootstrap-5 文档完全一样。
x = 1
y = 1 + x
x = 2
z = y
解决方法
导航栏折叠需要 JavaScript。只需将其添加到您的项目中即可:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
顺便说一下,您的代码是错误的。您需要在导航栏中添加 .container-fluid
或其他容器。检查文档:https://getbootstrap.com/docs/5.0/components/navbar/
好吧!我不知道它对你们是否有帮助,但它帮助了我,通过这样做。删除 data-bs-toggle 到 data-toggle 并保留下拉菜单按钮项中的所有内容。我希望它对你有帮助,如果有的话,然后投票给我。并在正文中添加此内容
href=
"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
integrity=
"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I"
crossorigin="anonymous" />
<script src=
"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity=
"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src=
"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"
integrity=
"sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
crossorigin="anonymous">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。