次のCSSレイアウトでは、矢印を右揃えにするにはどうしたらいいですか？

私は下向きの矢印は「すべてのサービス]の横に座っている瞬間に、ここで次のCSSレイアウトでは、矢印を右揃えにするにはどうしたらいいですか？

モックアップを持っています。私はそれを正しく整列させたいと思います。これどうやってするの？

2012-05-04 Hoa

[float it right]（http://jsfiddle.net/mowglisanu/pJCfE/3/）です。 – Musa

それはユーティリティクラスの一つは、ブートストラップに含まれているキャレットに

<span class="caret pull-right">

をクラス「プルライト」を追加します。@Omuが言うようhttps://github.com/twitter/bootstrap/blob/master/less/utilities.less

2012-05-04 02:03:12

提案として、このソリューションでは、キャレットの代わりにアイコンを使用できます。http://jsfiddle.net/pJCfE/4/これを将来的に使用するかもしれません:) +1 –

プルウォッチ（浮動小数点数）を使用しているときに真ん中に垂直にとどまることはありません – Omu

前の答えは、アラカルトの垂直方向の整列を維持することはありません。代わりに、あなたは.caretのCSSクラスを拡張する必要があります。

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

はそれをチェックアウト>>https://jsfiddle.net/twtvcx4n/

2015-08-19 08:22:34 daao87

FFでのみ問題が発生しました。これで解決しました！ –

私は最良の答えをコメントで定評の欠如が、私は「それが縦に滞在していない場合は、簡単な説明を持っていますプル・ライト（フロート）を使用しているときに真ん中にある "。ソリューションは：

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

2015-09-07 12:26:34

答えて