twitter-bootstrap - 如何更改 Bootstrap 下拉子菜单图标？

Question

我正在使用 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 从左侧站点打开，为了将箭头图标放在左侧，我做了同样的事情，现在我只需要更改图标本身。

Answer 1

就是这样:

.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: " ";
}