如何将dropdown-submenu移到顶部

Question

我想在bootstrap中将子菜单移动到顶部（等于超级菜单）。现在它看起来像

我想让它看起来像

我尝试改变位置和顶部，但没有帮助

我的代码现在如下

<li id = "category-filter" class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Account Settings</a>
        <ul class="dropdown-menu">
            <li><a href="#">Login</a></li>
            <li class="dropdown-submenu">
            <a tabindex="-1" href="#">More options</a>
            <ul class="dropdown-menu">
                <li><a tabindex="-1" href="#">Second level</a></li>
                <li class="dropdown-submenu">
                <a href="#">More..</a>
                <ul class="dropdown-menu">
                    <li><a href="#">3rd level</a></li>
                    <li><a href="#">3rd level</a></li>
                </ul>
            </li>
            <li><a href="#">Second level</a></li>
            <li><a href="#">Second level</a></li>
            </ul>
        </li>
        <li><a href="#">Register</a></li>
        <li class="divider"></li>
        <li><a href="#">Logout</a></li>
    </ul>
</li>

Answer 1

您可能需要更改position:absolute的引用父级，请尝试以下操作：

.dropdown-submenu {
    position:static;
}
.dropdown-submenu>.dropdown-menu {
    margin:0;
}

选中 Demo

Answer 2

添加以下css代码：

.nav ul li ul li ul {
  position: absolute;
  top: -26px !important;
}

这应该这样做