Twitter 引导程序和菜单答案

【问题标题】：Twitter Bootstrap and menuTwitter 引导程序和菜单
【发布时间】：2013-06-24 08:21:11
【问题描述】：

我将 twitter 引导程序用于响应式网站。它的好工具。我在当前网站上遇到问题。我需要三级下拉菜单，例如主导航->子项->子项。

当您将鼠标悬停在产品上时，类似于http://www.bestbuy.com/。在 twitter bootstrap 上可能吗

谢谢

【问题讨论】：

标签： twitter-bootstrap

【解决方案1】：

使用class="dropdown-menu sub-menu" 来执行此操作。任何级别的嵌套都是可能的。 sample fiddle

致谢：answer Andres Ilich

【讨论】：

【解决方案2】：

是的，这是可能的。以the example on the bootstrap site为基础，在现有子菜单中添加子菜单。

像这样：

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
    <li><a tabindex="-1" href="#">Action</a></li>
    <li><a tabindex="-1" href="#">Another action</a></li>
    <li><a tabindex="-1" href="#">Something else here</a></li>
    <li class="divider"></li>
    <li class="dropdown-submenu">
        <a tabindex="-1" href="#">More options</a>
        <ul class="dropdown-menu">
            <li><a tabindex="-1" href="#">Second level link</a></li>
            <li><a tabindex="-1" href="#">Second level link</a></li>
            <li><a tabindex="-1" href="#">Second level link</a></li>
            <li><a tabindex="-1" href="#">Second level link</a></li>
            <li><a tabindex="-1" href="#">Second level link</a></li>
            <li class="dropdown-submenu">
                <a tabindex="-1" href="#">Even More options</a>
                <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="#">Third level link</a></li>
                    <li><a tabindex="-1" href="#">Third level link</a></li>
                    <li><a tabindex="-1" href="#">Third level link</a></li>
                    <li><a tabindex="-1" href="#">Third level link</a></li>
                    <li><a tabindex="-1" href="#">Third level link</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

【讨论】：