Question

我希望下拉导航栏中的子菜单与其父级内联。第一个链接是内联的，因为 - .dropdown-submenu＆gt; .dropdown-menu {top：0;}但是与子菜单中的其他链接相比，“top”位置相对于其父菜单链接发生了变化。请查看http://bootply.com/66517

            <ul class="dropdown-menu">
                                <li class="dropdown-submenu">
                                <a href="#">More options</a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">Second level link</a></li>
                                    <li><a href="#">Second level link</a></li>
                                    <li><a href="#">Second level link</a></li>
                                    <li><a href="#">Second level link</a></li>
                                    <li><a href="#">Second level link</a></li>
                                </ul>
                                </li>
                                <li class="dropdown-submenu">
                                <a href="#">More options</a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">Second level link</a></li>
                                    <li><a href="#">Second level link</a></li>
                                    <li><a href="#">Second level link</a></li>
                                    <li><a href="#">Second level link</a></li>
                                    <li><a href="#">Second level link</a></li>
                                </ul>
                                </li>
                                <li class="dropdown-submenu">
                                <a href="#">More options</a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">Second level link</a></li>
                                    <li><a href="#">Second level link</a></li>
                                    <li><a href="#">Second level link</a></li>
                                    <li><a href="#">Second level link</a></li>
                                    <li><a href="#">Second level link</a></li>
                                </ul>
                                </li>
                                <hr>
                            </ul>
                            </li>           
                        </ul>

Answer 1

你可以尝试这个

这样可以正常使用

.dropdown-submenu {
    position: static !important;;
}

你可以在最短的时候找到这个css。引导程序的版本css但我更喜欢你在包含此下拉列表的特定页面上修改它。

扩展bootstraps dropdown-submenu，使其与父菜单保持一致

1 个答案: