Bootstrap 2.3.2：下拉子菜单 pull-left 不一直拉到左边

【问题标题】：Bootstrap 2.3.2: drop-down submenu pull-left does not pull all the way leftBootstrap 2.3.2：下拉子菜单 pull-left 不一直拉到左边
【发布时间】：2015-03-05 12:08:47
【问题描述】：

我试图让一个下拉子菜单显示在左侧而不是右侧。我正在阅读另一个答案并遇到了这个例子： http://jsfiddle.net/SchmalzyB/szx4Y/51/

我希望这发生在我的下拉菜单中，除了我还希望克拉在左侧，因为人们通常期望它应该在哪里。我按照他们的做法在我的<li class="dropdown-submenu"> 中设置了一个“左拉”类，但我的代码最终使子菜单显示在父选项之上。如何让它一直显示在左侧？有没有办法把这些克拉放在左边？看起来它是内置于引导程序中的。谢谢。

JSBIN: http://jsbin.com/gavutekipa/2/edit?html,css,output

【问题讨论】：

标签： css twitter-bootstrap

【解决方案1】：

carrats 显示在右边：因为 css ref:

.dropdown-submenu > a::after {
display: block;
content: " ";
float: right; => change it to left
width: 0px;
height: 0px;
border-color: transparent transparent transparent #CCC;
border-style: solid;
border-width: 5px 0px 5px 5px;
margin-top: 5px;
margin-right: -10px; => change it to margin-left

}

或者另一种选择是使其成为 .dropdown-submenu > a::before { ... } 并尝试填充、浮动和边距。

左侧显示的子菜单 - 我觉得没问题或不明白问题

【讨论】：

啊，谢谢你的回答。我会稍微测试一下。我的问题是，在 JSBin 中，您可以看到底部的两个子菜单确实在左侧弹出，但与第一个链接的 JSFiddle 示例不同，我的子菜单覆盖了它下面的选项（实际的单词“时间”被覆盖） .我希望子菜单完全位于前 4 个选项菜单的左侧，这样我就可以一次看到所有内容。