Javascript 导航栏下拉菜单在引导程序5中不起作用
当我试图用Javascript 导航栏下拉菜单在引导程序5中不起作用,javascript,html,css,twitter-bootstrap,bootstrap-5,Javascript,Html,Css,Twitter Bootstrap,Bootstrap 5,当我试图用bootstrap5创建一个响应菜单或下拉按钮时,我遇到了一个问题。一切似乎都正常。导航图标和下拉图标显示。但它不工作。当我单击nav图标或下拉按钮时,没有下拉菜单显示 我想特别提到的是,我还包括了jquery文件。但它不起作用。谁能告诉我这里发生了什么事 最后一件事,我遇到了一些其他bootstrap类的问题,如mr auto,ml auto等。对于这种工作,bootstrap 5是否有任何bug或新类 这是我的代码: 独自创立 你好,世界! 带有内联
bootstrap5
创建一个响应菜单或下拉按钮时,我遇到了一个问题。一切似乎都正常。导航图标和下拉图标显示。但它不工作。当我单击nav
图标或下拉按钮时,没有下拉菜单显示
我想特别提到的是,我还包括了jquery
文件。但它不起作用。谁能告诉我这里发生了什么事
最后一件事,我遇到了一些其他bootstrap
类的问题,如mr auto
,ml auto
等。对于这种工作,bootstrap 5
是否有任何bug或新类
这是我的代码:
独自创立
你好,世界!
-
-
-
带有内联元素的导航栏文本
引导4中使用的数据-*
属性已替换为引导5中的数据bs-*
<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar">
<span class="navbar-toggler-icon"></span>
</button>
现在,所有JavaScript插件的数据属性都已命名,以帮助区分引导功能与第三方和您自己的代码。这意味着任何javascript组件(折叠、旋转木马、下拉列表、选项卡、模式等)只能使用databs-…
属性工作
Bootstrap 5是一个主要的更新。另外,ml auto
/mr auto
已更改为ms auto
/me auto
尝试此选项,并根据需要进行编辑。最初的问题是关于Bootstrap v5,您使用4.3.1的示例可以尝试使用navbar Bootstrap 5.0示例并阅读迁移文档吗,接受答案,让其他人知道问题已经解决。。。这应该是公认的答案。官方文档(beta版)目前给出了一个错误的示例,它没有名称空间数据属性。实际上,官方文档确实正确(当然)。我被devdocs.io绊倒了,在那里我启用了BS4文档而不是BS5文档,所以要小心。
<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar">
<span class="navbar-toggler-icon"></span>
</button>