在下面的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

我在评论最佳答案方面缺乏声誉,但是在"使用右拉(浮动)"时"它不会垂直停留在中间"的情况下我有简单的说明.解决方案是:

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