您现在的位置: 破洛洛 >> 服务器 >> WEB服务器 >> 正文

Bootstrap多级菜单的实现代码详解

作者:佚名 来源:网络整理 更新时间:2017-6-7
分享到

 最近在用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();
});

这样就可以了

转载请注明:破洛洛(谢谢合作)
网友评论: