html - 使用 Bootstrap 的流体悬停下拉菜单

Question

我一直在尝试制作一个像 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>

Answer 1

您的错误来自于在 div.dropdown-menu 内的 UL 标签上使用 class="dropdown-menu"。如果删除该类，您将在下拉列表中看到内容。