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＆gt; a :: before { ... } 并尝试填充，浮动和marigins。

对于左侧显示的子菜单 - 它对我来说没问题或者不理解问题

Bootstrap 2.3.2：下拉子菜单向左拉不会一直拉到左边

1 个答案: