如何在 Bootstrap 3 中将导航栏下拉菜单与导航栏导航对齐

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:?}

替换“？”使用导航栏的高度并对其进行测试。适合你的观众

编辑：

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