Twitterのブートストラップカルーセルの矢印を縦に整列する方法は？

Question

カルーセルに表示されているように、右または左にスライドする矢印があります。

http://twitter.github.com/bootstrap/javascript.html#carousel

私はキャプションを使用しません。したがって、私はそれを垂直に中心にしたい。 今ではどうすることができ、私は垂直方向に中央その矢印この

のようなものですか？

Answer 1

要素が最終的にあなたのレイアウトに着陸することは、非常に多くの要因によって操作できます。あなたのマークアップを見ることなく、あなたの質問に対する特定の解決策は不可能です。

しかし、カルーセルの高さが一定以上になることがわかっている場合、これらの要素の位置を調整するだけで、簡単に調整できます。

jQueryを使用すると、要素の位置を見つけて20ピクセルを追加することができます。

with jQuery with offset documentation

// on carousel load or document load 
$(".arrows").each(function() { 
    // Scoot the icons down from where they are 
    var newTop = $(this).offset.top + 30; 
    var sameLeft = $(this).offset.left; 
    $(this).offset({top:newTop, left:sameLeft }); 
}); 

ただし、矢印のCSSに表示する位置を指定することもできます。しかし、これらのアイコンのCSSをまだ見ていないと、どのようなCSSがあなたの手配を助けてくれるのかわからない。はと矛盾している可能性があるからだ。

編集：

：twitter.github.comサイト経由

が、私はそれらのカルーセル・コントロールのためのCSSを見て、あなたに影響を与え得るように見えた次のCSSを調整するには、探していました

.carousel-control { 
    position: absolute; /* already here */ 
    top: 50%; /* Was top: 40% */ 
    ... 
} 

自分のCSSファイルでそのCSSを上書きする必要があります。自分のクラスを追加して矢印に追加するか、既に持っているのと同じクラスを使用し、必要に応じて!importantを使用してください。