Twitter Bootstrap:多层下拉列表?

时间:2013-08-14 20:23:44

标签: twitter-bootstrap

我正在为教堂写一个音频消息网络应用程序。我想要一个有“旧约”和“新约”的下拉列表分别显示他们的书;所以我在两个遗嘱中的所有书籍都有一个下拉列表,更难阅读和导航。

看看这里:http://cstonecc.net/audio.php

1 个答案:

答案 0 :(得分:1)

http://getbootstrap.com/2.3.2/components.html#dropdowns

  

.dropdown-submenu添加到现有下拉菜单中的任何li,以便自动设置样式。

<ul class="dropdown-menu">
    <li class="dropdown-submenu>
        <a tabindex ="-1" href="#">Old Testament</a>
        <ul class="dropdown-menu">
            <li>...</li>
            <li>...</li>
            <li>...</li>
        </ul>
    </li>
    <li class="dropdown-submenu">
        <a tabindex="-1" href="#">New Testament</a>
        <ul class="dropdown-menu">
            <li>...</li>
            <li>...</li>
            <li>...</li>
        </ul>
    </li>