html - 在以下 CSS 布局中，如何使我的箭头右对齐？

Question

我这里有一个模型

http://jsfiddle.net/pJCfE/

目前，向下箭头位于“所有服务”旁边。我想让它正确对齐。我怎样才能做到这一点？

Answer 1

将类“pull-right”添加到插入符号

<span class="caret pull-right">

它是引导程序中包含的实用程序类之一：https ://github.com/twitter/bootstrap/blob/master/less/utilities.less

Answer 2

我缺乏评论最佳答案的声誉，但我有一个简单的澄清，以防“使用向右拉（浮动）时它不会垂直停留在中间”。解决方案是：

<span class="pull-right">
        <span class="caret"></span>
    </span>

Answer 3

正如@Omu 所说，先前的答案并没有保持carte 的垂直对齐。相反，您应该扩展 .caret 的 css 类：

.caret {
  position: absolute;
  right: 1%;
  top: 45%;
}

看看>> https://jsfiddle.net/twtvcx4n/