使用Bootstrap的流畅的可下载菜单

时间:2017-01-30 15:08:50

标签: html css twitter-bootstrap

我一直在努力创建一个流畅的下拉菜单,例如udemy(https://i.imgur.com/nrorrMo.png)中的on,但我的下拉菜单中的选项不会出现。有什么我做错了吗?

<ul class="nav navbar-nav">
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Heading 1 </a>
        <div class="dropdown-menu multi-column" style="width: 100%;">
            <div class="row">
                <div class="col-md-4">
                    <ul class="dropdown-menu">
                        <li><a href="#">Opt 1</a></li>
                        <li> <a href="#">Opt 2</a></li>
                    </ul>
            </div>
        </div>
    </li>
</ul>

1 个答案:

答案 0 :(得分:0)

您的错误来自于使用class =&#34;下拉菜单&#34;在div.dropdown菜单中的UL标签上。如果删除该类,您将在下拉列表中看到内容。