Bootstrap 下拉菜单大左边距答案

【问题标题】：Bootstrap DropDown menu large left marginBootstrap 下拉菜单大左边距
【发布时间】：2014-10-21 04:56:33
【问题描述】：

我想让菜单与每个菜单项对齐。
我不希望菜单从左侧开始：所有项目上的 0。

我已经通过经典的下拉菜单实现了这一点。

您认为没有黑客和纯引导程序和大型菜单下拉菜单是可能的吗？

告诉我，谢谢。

【问题讨论】：

【解决方案1】：

是的，这是可能的，但在最后几项上你会遇到一些问题：

.dropdown-menu-large {
  margin-left: 16px;
  margin-right: 16px;
  padding: 20px 0px;
  left:auto; /* added */
}

您可能想查看http://geedmo.github.io/yamm3/ - 它最多可为您提供大约 10 行的 css，以便在菜单位置上做更多的事情。

【讨论】：

哇，几乎可以工作了。最后一个菜单项有问题：cl.ly/image/040a1b0F462v 有关如何解决此问题的任何想法？
是的，使用 Yamm3（见问题）并做全宽的事情，或者你可以为最后的项目添加不同的类并调整位置。
链接到 Yamm3 问题？
添加.col-sm-3 { min-width:100px;}解决最后一个菜单项的问题。 jsbin.com/dicemikuzi/1/edit?html,css,output
是的，但是当视口改变大小时，该列会变得非常窄。除非 OP 想要纠正一些 jQuery 来检测边缘等，否则最好的办法是做一个全角，这是 Yamm3 菜单插件 css 的一个选项，它看起来也更好。