css - Twitter Bootstrap 2.x 下拉菜单改变位置

Question

在我选择一个元素并重定向到另一个页面后，我的 bootstrap 下拉菜单改变了位置。第一张图片显示了在选择下拉项之前下拉菜单处于适当的位置。第二个显示在我选择一个下拉项并重定向到另一个页面后下拉列表的位置。我选择第二个菜单项，下拉菜单出现在第一个菜单项下方。 (我想我需要 10 的信誉等级才能发布图片，所以你只能想象一下。抱歉。)

我的代码如下

                <div class="navbar navbar-static-top">
                <div class="navbar-inner">
                    <div class="container-fluid">
                        <div class="navbar navbar-static-top">
                            <ul class="nav">
                                <li id="liHome" class="active" runat="server">
                                    <a id="aHome" href="/home.aspx" runat="server">HOME</a>
                                </li>
                                <li id="liFindxxx" class="dropdown" runat="server">
                                    <a id="aFindxxx" href="/xxxbrowse.aspx" class="dropdown-toggle" data-toggle="dropdown" runat="server">FIND SOMETHING</a> 
                                    <ul class="dropdown-menu">
                                        <li id="liBrowsexxx" class="dropdown" runat="server">
                                            <a id="addBrowsexxx" href="/xxxbrowse.aspx" runat="server">Browse</a>
                                        </li>
                                        <li>
                                            <a href="#">Action 2</a>
                                        </li>
                                        <li>
                                            <a href="#">Action 3</a>
                                        </li>
                                        <li>
                                            <a href="#">Action 4</a>
                                        </li>
                                        <li class="divider"></li>
                                        <li class="nav-header">Header</li>
                                        <li>
                                            <a href="#">A Link</a>
                                        </li>
                                        <li>
                                            <a href="#">Another Link</a>
                                        </li>
                                    </ul>

                                </li>...

Answer 1

当我将 active 类添加到 li 中，id 为 liFindxxx ，例如 class="dropdown active"，或者从子菜单中添加到 li 时，我没有发现问题.

当您从 li 中删除 id 为 liFindxxx 的下拉列表类时，您将获得您描述的结果。因此，请确保将 active 添加到类标签中，而不是覆盖它。