【问题标题】:Twitter Bootstrap 2.x dropdown changes positionTwitter Bootstrap 2.x 下拉菜单更改位置
【发布时间】:2013-05-21 12:52:19
【问题描述】:

在我选择一个项目并重定向到另一个页面后,我的引导下拉菜单会改变位置。第一个图像显示了在选择下拉项之前适当位置的下拉菜单。第二个显示了我选择了一个下拉项并重定向到另一个页面后下拉列表的位置。我选择第二个菜单项,下拉菜单出现在第一个菜单项下方。 (我想我需要 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>...

【问题讨论】:

  • 仅供参考...此菜单位于母版页上,我将
  • 的类设置为活动服务器端。我发现如果我不将类更改为活动,则下拉菜单不会更改位置。我确实想继续设置活动
  • 服务器端,所以仍在寻求帮助。

标签: css twitter-bootstrap drop-down-menu


【解决方案1】:

当我将 active 类添加到 li 并使用 id liFindxxx 像 class="dropdown active" 或从子菜单添加到 li 时,我没有发现问题。

当您从 li 中删除带有 id liFindxxx 的下拉类时,您将获得您描述的结果。所以请确保将active 添加到类标签中,而不是覆盖它。

【讨论】:

  • 宾果游戏,贝斯!我实际上在后面的代码中设置了 class="active" 而不是 class="dropdown active"。非常感谢!
猜你喜欢
相关资源
最近更新 更多
热门标签