Bootstrap多级菜单的实现代码
更新时间：2017年05月23日 13:58:24 作者：Denny辉
这篇文章主要介绍了Bootstrap多级菜单的简单实现代码,需要的朋友可以参考下
最近在用Bootstrap做一个项目的时候遇到一个问题，官网上只给的二级菜单的用法，但是实际运用肯定不止二级。 于是在网上看到一个第三方的工具：bootstrap-submenu，地址：https://github.com/vsn4ik/bootstrap-submenu
可以去下载源码。
将bootstrap-submenu.js和bootstrap-submenu.css文件添加到项目中
在要实现多级导航的按钮或a标签中添加：
<a href="#" rel="external nofollow" class="data-toggle" data-toggle="dropdown" data-submenu>
主要是最后的submenu这个。
然后再JS里面：
$(function () {
$('[data-submenu]').submenupicker();
});
这样就可以了
以上所述是小编给大家介绍的Bootstrap多级菜单的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
相关文章
react-router-dom v6 通过outlet实现keepAlive 功能的实现
本文主要介绍了react-router-dom v6 通过outlet实现keepAlive功能，文中根据实例编码详细介绍的十分详尽，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
关于数组或对象遍历，相信很多人都没有深入观察过执行效率。这是一个曾在群里吵翻天的话题，读懂后你将成为遍历效率话题的大师。下面这篇文章主要介绍了Javascript中八种遍历方法执行速度深度对比的相关资料，需要的朋友可以参考下。2017-04-04
在浏览器中填写表单的时，可以直接在“文本框”中敲击“Enter”来提交表单，很是方便。2010-02-02
今天小编就为大家分享一篇layui radio单选限制下一个radio单选的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
让多个异步任务按照我们的想法执行，是开发中常见的需求，今天我们就来捋一下，如何让多个异步任务并行，串行，以及并行串行相结合，感兴趣的朋友跟随小编一起看看吧2023-10-10
本篇文章主要介绍了小程序对接七牛云存储的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要给大家介绍了关于JavaScript数组类型Array相关的属性与方法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-09-09
最近发现了一用 YUI 做的 Lightbox, 只需少量的设置就能类Window关机的效果来显示图片。2008-12-12
这篇文章主要介绍了JavaScript实现字符串与HTML格式相互转换,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-03-03
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
今天小编就为大家分享一篇解决layui-table单元格设置为百分比在ie8下不能自适应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最新评论