当前位置:网站首页 > 资讯中心 > IT技术 >
Bootstrap多级菜单的实现代码详解
发布日期:2017-07-05 所属分类:IT技术
;

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

这样就可以了


本文章地址http://www.vzeo.com/news/xuetang/800889.html 由   友站网 编辑整理,转载请注明出处
推荐资讯