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

Question

我这里有一个模型

http://jsfiddle.net/pJCfE/

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

Answer 1

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

<span class="caret pull-right">

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

Answer 2

我在评论最佳答案方面缺乏声誉，但是在“使用右拉（浮动）”时不会在中间垂直停留的情况下，我有简单的说明。解决方案是：

cp -r src_dir/??_?? dest_dir

Answer 3

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

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

查看＆gt;＆gt; https://jsfiddle.net/twtvcx4n/