如何在Navstrap 3中将Navbar下拉列表与Navbar Nav对齐

Question

您能告诉我如何将导航栏下拉列表与相关联的导航器​​对齐吗？ 正如你从图片中看到的那样我有一个class="dropdown-toggle" data-toggle="dropdown">About Us，当我点击它时，下拉菜单会出现在导航器的左侧！

<li class="dropdown open">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">About Us <b class="caret"></b></a>
<ul class="dropdown-menu">  <li><a href="#">About Us</a></li>
                <li class="divider"></li>
                <li><a href="#">Programs</a></li>
                <li class="divider"></li>
                <li><a href="#">Kids News</a></li>
                <li class="divider"></li>
                <li><a href="#">Parents Login</a></li>
                <li class="divider"></li>
                <li><a href="#">Take a Tour</a></li>
</ul>
</li>

有没有办法将它与导航切换的角落对齐？

Answer 1

你需要在你的css代码中添加一行代码：

.dropdown-menu{ top: ?; left:?}

替换'？'使用导航栏的高度并测试它。适合你的观众

修改

由于缺陷，导航菜单与导航父级的角对齐。你需要检查你的代码。