html - 次の CSS レイアウトで、矢印を右揃えにするにはどうすればよいですか?

Question

ここにモックアップがあります

http://jsfiddle.net/pJCfE/

現在、下矢印は「すべてのサービス」の横にあります。右揃えにしたいと思います。これどうやってするの？

Answer 1

ベストアンサーのコメントに定評はないのですが、「右引き（フロート）を使ったときに真ん中で縦にとどまらない」場合に備えて簡単に説明します。解決策は次のとおりです。

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

Answer 2

クラス「pull-right」をキャレットに追加します

<span class="caret pull-right">

これは、ブートストラップに含まれるユーティリティ クラスの 1 つです: https://github.com/twitter/bootstrap/blob/master/less/utilities.less

Answer 3

@Omuが言うように、前の回答はカルテの垂直方向の整列を維持しません。代わりに、.caret の css クラスを拡張する必要があります。

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

見てみる >> https://jsfiddle.net/twtvcx4n/