Html 带插入符号的引导对齐导航项目

我的问题是插入符号在引导菜单中的文本下滑动。像这样：

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

---

编辑：在我的开发站点中，我已经尝试减少锚元素的水平填充。没用，菜单项太多了。我也用这个刷新了bootply链接。

之所以发生这种情况，是因为nav下的锚标记在bootstrap周围有一定的填充。您可以减少左右填充，并通过添加

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

演示：

你可以在“滴丸”中找到：

...

谢谢你的回答。我已经试过减少左右两侧的填充物。它在我的工作现场不起作用，如下所示：

<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>