Bootstrap 5中的导航栏下拉菜单(折叠)存在功能异常问题
P粉322319601
P粉322319601 2023-08-22 20:42:45
0
1
625

我在尝试使用Bootstrap 5创建响应式菜单或下拉按钮时遇到了一个问题。一切似乎都没问题。导航图标和下拉图标都显示出来了。但是它们不起作用。当我点击nav图标或dropdown按钮时,没有出现dropdown菜单

我想特别提到的是,我还包含了jquery文件。但它没有起作用。有人可以告诉我这里发生了什么吗?

最后一件事,我在使用其他一些bootstrap类(如mr-automl-auto等)时遇到了严重的问题。这是一个bug还是bootstrap 5引入了新的类来完成这种工作?

以下是我的代码:


     Bootstrap  


P粉322319601
P粉322319601

全部回复 (1)
P粉550257856

Bootstrap 5中,Bootstrap 4中使用的data-*属性已被替换为data-bs-*

演示

文档中所解释的,所有JavaScript插件的数据属性现在被命名空间化,以帮助区分Bootstrap功能与第三方和您自己的代码。这意味着任何javascript组件(折叠、导航栏、轮播、下拉菜单、选项卡、模态框等)只能使用data-bs-...属性。

Bootstrap 5是一个重大更新,带有重大变化。此外,在这里查看ml-auto/mr-auto已更改为ms-auto/me-auto

    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!