Question

我的问题是插入符号在合理的引导菜单中的文本下滑动。像这样：http://www.bootply.com/VWo8Oc7mVz

是否有任何自动方法在对齐模式下将菜单项旁边的插入符号放在一边？我现在只有一个解决方案，我用css定义每个菜单项的宽度，但它不是一个有效的解决方案。

我的开发网站中的

编辑我已经尝试过减少锚元素的水平填充。它没有用，有太多的菜单项。我也用这个刷新了bootply链接。

Answer 1

这是因为nav下的锚标签在bootstrap周围有一定的填充。您可以通过添加

来减少左右填充并为插入符号提供足够的空间

 .nav>li>a{
    padding : 10px 5px;
    }

演示：http://www.bootply.com/0GpdHsNVB4

Answer 2

正如您在documentation“带下拉药片的药丸”中所见：

<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">
  Dropdown <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
  ...
</ul>
</li>

Bootstrap用插入符号证明导航项目

2 个答案: