带有现有模板的2级下拉菜单

时间:2015-01-13 09:23:24

标签: twitter-bootstrap

如果可以提供帮助,请提前感谢

http://www.portnine.com/bootstrap/AircraftAdmin/

我们已经购买了这个模板,并使用这个模板开发了我们的管理面板,但现在我们需要将右上角的菜单设置为2个级别,是否有人可能会向我提示添加另一个水平或显示代码,以便我可以了解从哪里开始

我已向开发人员发送了一封电子邮件,但截至目前为止还未收到回复

并且帮助非常渺茫

修改 我非常喜欢它,如果它可以做到这一点,所以当我滚动用户时它会弹出一个左侧的新窗口

enter image description here

<ul id='main-menu' class='nav navbar-nav navbar-right'>
                <li class='dropdown hidden-xs'>
                        <a href='#' class='dropdown-toggle' data-toggle='dropdown'>
                                <span class='padding-right-small' style='position:relative;top: 3px;'></span>LEVEL 1
                                    <i class='fa fa-caret-down'></i>
                        </a>
                        <ul class='dropdown-menu'>

                                                     <li class='dropdown'><a href='#' data-toggle='dropdown'>Users</a>
                                                        <ul class='dropdown menu'>
                                                           <li><a>link 1</a><li>
                                                           <li><a>link 2</a><li>
                                                           <li><a>link 3</a><li>
                                                        </ul>
                                                    </li>

                        </ul>
                </li>
        </ul>   

enter image description here

2 个答案:

答案 0 :(得分:1)

好吧,如果你想在用户上添加第二级下拉列表,你只需要添加一类下拉列表。 如果您的下拉列表的第二级将是用户

,以下是我在下面所做的
 <li class="dropdown-submenu"><a href="#" data-toggle="dropdown">Users</a>
    <ul class="dropdown-submenu">
       <li><a>link 1</a><li>
       <li><a>link 2</a><li>
       <li><a>link 3</a><li>
    </ul>
</li>

答案 1 :(得分:1)

我找到了你需要的东西。

很像jsfiddle,但专为bootstrap而构建。

http://www.bootply.com/RSD/0gMDXQS8uk