如何在bootstrap中實現無級菜單

在bootstrap的默認實現中，菜單隻有2級，爲了能夠實現無級或多級的菜單，可以使用

http://www.bootstrapmenumod.net/modules/mod_bootstrap_menu/css/bootstrapmenu.css

這個css來自：

http://www.bootstrapmenumod.net/examples/pills/pills-with-dropdowns

具體用法爲跟普通的bootstrap菜單一樣，只不過可以一直嵌套下去，同時爲了能夠顯示有子菜單的標誌，可以使用：

<a href="#">配置<b class="caret-right"></b></a>

同時爲了能夠顯示子菜單中的左指示箭頭，需要使用如下的css:

.navbar .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 10px;
}

多級菜單的實現也可以參考：http://stackoverflow.com/questions/9758587/twitter-bootstrap-multilevel-dropdown-menu