Bootstrap 3多级下拉菜单实例

Bootstrap 虽好，但对于复杂的界面，还是有N多组件需要自己扩展，并且要往简洁、大气的Bootstrap界面上靠，着实要费一些功夫。下面分享一个Bootstrap 3的多级下拉菜单，无需第三方Js脚本，复制后直接可用。

rush:xhtml;"> <Meta charset="UTF-8">

Bootstrap 3多级下拉菜单

<div class="dropdown"&gt; 
  <a id="dLabel" role="button" data-toggle="dropdown" class="btn btn-primary" data-target="#" 
    href="javascript:;"&gt; 
    下拉多级菜单 <span class="caret"&gt;</span> 
  </a> 
  <ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu"&gt; 
    <li><a href="javascript:;"&gt;一级菜单</a></li> 
    <li><a href="javascript:;"&gt;一级菜单</a></li> 
    <li class="divider"&gt;</li> 
    <li class="dropdown-submenu"&gt; 
      <a tabindex="-1" href="javascript:;"&gt;一级菜单</a> 
      <ul class="dropdown-menu"&gt; 
        <li><a tabindex="-1" href="javascript:;"&gt;二级菜单</a></li> 
        <li class="divider"&gt;</li> 
        <li class="dropdown-submenu"&gt; 
          <a href="javascript:;"&gt;二级菜单</a> 
          <ul class="dropdown-menu"&gt; 
            <li><a href="javascript:;"&gt;三级菜单</a></li> 
          </ul> 
        </li> 
      </ul> 
    </li> 
  </ul> 
</div>