我在尝试使用Bootstrap 5
创建响应式菜单或下拉按钮时遇到了一个问题。一切似乎都没问题。导航图标和下拉图标都显示出来了。但是它们不起作用。当我点击nav
图标或dropdown
按钮时,没有出现dropdown菜单
。
我想特别提到的是,我还包含了jquery
文件。但它没有起作用。有人可以告诉我这里发生了什么吗?
最后一件事,我在使用其他一些bootstrap
类(如mr-auto
,ml-auto
等)时遇到了严重的问题。这是一个bug还是bootstrap 5
引入了新的类来完成这种工作?
以下是我的代码:
Bootstrap
在Bootstrap 5中,Bootstrap 4中使用的
data-*
属性已被替换为data-bs-*
演示
如文档中所解释的,所有JavaScript插件的数据属性现在被命名空间化,以帮助区分Bootstrap功能与第三方和您自己的代码。这意味着任何javascript组件(折叠、导航栏、轮播、下拉菜单、选项卡、模态框等)只能使用
data-bs-...
属性。Bootstrap 5是一个重大更新,带有重大变化。此外,在这里查看,
ml-auto
/mr-auto
已更改为ms-auto
/me-auto
。