我正在使用 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>&nbsp;Child1</a></li> 
                <li><a href="~/User"><i class="fa fa-list"></i>&nbsp;Chiled2</a></li> 
                <li class="divider"></li> 
                <li><a href="#"><i class="fa fa-plus"></i>&nbsp;Child3</a></li> 
                <li><a href="~/User"><i class="fa fa-list"></i>&nbsp;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>&nbsp;Child1</a></li> 
                <li><a href="~/User"><i class="fa fa-list"></i>&nbsp;Child2</a></li> 
                <li class="divider"></li> 
                <li><a href="#"><i class="fa fa-plus"></i>&nbsp;Child3</a></li> 
                <li><a href="~/User"><i class="fa fa-list"></i>&nbsp;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: " "; 
} 


评论关闭
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!