css - Bootstrap 2.3.2 : drop-down submenu pull-left does not pull all the way left

Question

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

我希望这发生在我的下拉菜单中，但我也希望克拉位于左侧，因为人们通常期望它应该位于该位置。我按照他们的做法在我的 <li class="dropdown-submenu"> 中设置了一个“向左拉”类但我的代码最终让子菜单显示在父选项的顶部。我如何让它一直显示在左侧？有没有办法让那些克拉在左边？看起来它内置于 Bootstrap 中。谢谢。

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

Answer 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 {...}并尝试填充、 float 和边距。

对于左侧显示的子菜单——我觉得没问题，或者不明白问题所在