Html 使用引导的流体悬停下拉菜单

我一直在尝试创建一个流体下拉菜单，如udemy（）中的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>

使用div.dropdown-menu内UL标签上的class=“dropdown menu”时会出现错误。如果删除该类，您将看到下拉列表中的内容。

请发布您正在使用的css。除非您严格需要使用UL>考虑使用更多语义HTML标记（）