我正在使用 bootstrap 2.3.2,我将其子菜单设置为从左侧站点打开,并将子菜单箭头图标放在左侧,但我不知道如何将右箭头图标更改为左箭头图标。
更新
这是包含子项的 li
标签:
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Parent1 <b class="caret">
</b></a>
<ul class="dropdown-menu">
<li class="dropdown-submenu"><a href="#" tabindex="-1">Sub-Parent1</a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-plus"></i> Child1</a></li>
<li><a href="~/User"><i class="fa fa-list"></i> Chiled2</a></li>
<li class="divider"></li>
<li><a href="#"><i class="fa fa-plus"></i> Child3</a></li>
<li><a href="~/User"><i class="fa fa-list"></i> Child4</a></li>
</ul>
</li>
<li class="dropdown-submenu"><a href="#" tabindex="-1">Sub-Parent2</a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-plus"></i> Child1</a></li>
<li><a href="~/User"><i class="fa fa-list"></i> Child2</a></li>
<li class="divider"></li>
<li><a href="#"><i class="fa fa-plus"></i> Child3</a></li>
<li><a href="~/User"><i class="fa fa-list"></i> Child4</a></li>
</ul>
</li>
</ul>
</li>
我通过在 bootstrao.css
中设置 float:left
让 child 从左侧站点打开,为了将箭头图标放在左侧,我做了同样的事情,现在我只需要更改图标本身。
请您参考如下方法:
就是这样:
.dropdown-submenu > a:after {
display: block;
float: left;
width: 0;
height: 0;
margin-top: 5px;
margin-right: -10px;
border-color: transparent;
border-right-color: #cccccc;
border-style: solid;
border-width: 5px 5px 5px 0;
content: " ";
}