相关疑难解决方法(0)

我想让我的Bootstrap菜单在悬停时自动下拉,而不必单击菜单标题.我还想丢失菜单标题旁边的小箭头.

我怎样才能float使我的所有插入符号都正确？

我按照这个答案在我的菜单中制作子插入符号.

但它显示了插入符号,inline-block并且我的子插入符号看起来不对齐.

我希望子插入符号像这样对齐,

可能吗？

CSS,

.caret-right {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-left: 5px solid;
  border-left-color:#999999;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}

HTML,

<li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Category <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li class="el-dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="border:1px solid red;">News - a very long title <b class="caret-right"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#/3">Add</a></li>
                    <li><a href="#/4">Manage</a></li>
                </ul>
            </li>
            <li class="el-dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret-right"></b></a> …