bootstrap-submenu是一款在原生bootstrap Dropdowns组件的基础上进行扩展，可以生成多级子菜单的多级下拉菜单插件。

原生的bootstrap下拉菜单只有一层，通过bootstrap-submenu插件，可以生成多级子菜单。

安装

可以通过npm和bower来安装bootstrap-submenu插件。

$ npm install bootstrap-submenu

$ bower install bootstrap-submenu                  
                

使用方法

在页面中引入bootstrap相关文件和插件所需的相关文件。

HTML结构

制作多级下拉菜单的HTML结构如下：

  
  Dropdown
  
  

  

    
Action
    

      二级菜单
      

        
Dropdown header
        
二级菜单项
        
二级菜单项
        
二级菜单项
      
    
    
一级菜单项
    

    
一级菜单项
  

                

初始化插件

然后在页面加载完毕之后，通过下面的方法来初始化后该bootstrap多级下拉菜单插件。

$('.dropdown-submenu > a').submenupicker();
                

该bootstrap多级下拉菜单插件的github地址为：https://github.com/vsn4ik/bootstrap-submenu