与链接排列

Question

这非常适合将镜头与链接分开，使链接转到页面和镜头以触发下拉菜单。我唯一的问题是使Caret与链接对齐 - 它向右拉，但下降到下方。如何使其与链接垂直排列？

这是代码：

<li class="dropdown">
  <a href="shoes-15-05-03.html">SHOES</a>
  <span class="caret pull-right"></span>
  <a href="#" class="dropdown-toggle" data- toggle="dropdown"></a>
  <ul class="dropdown-menu">
    <li><a href="">Boots and Booties</a>
    </li>
    <li><a href="#">Comfort</a>
    </li>
  </ul>
</li>

Answer 1

简单。只需将其移动到<a>标签中。

<a href="shoes-15-05-03.html">SHOES<span class="caret"></span></a>