Как вертикально выровнять Щебетать Бутстрап Карусель?

Question

Как вы видите на карусели, стрелка скользит вправо или влево.

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

Я не использую подписи. Поэтому я хочу, чтобы он был вертикально центрирован. Теперь как этот

Как я могу вертикально центрировать, что стрелки?

Answer 1

Где элементы в конечном итоге приземляются в вашем макете, можно манипулировать невероятным количеством факторов. Не видя вашей наценки, конкретное решение вашего вопроса невозможно.

Однако, если вы знаете, что высота вашей карусели будет оставаться постоянной, чем вы могли бы просто легко отрегулировать расположение этих элементов на любом количестве пикселей, которые вам подходят.

Используя jQuery, вы можете найти позицию элемента, а затем просто добавить к нему 20 пикселей.

С помощью jQuery через 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 поможет вам организовать их, потому что все, что может быть предложено может конфликтует с тем, как вы уже их выкладываете.

Edit:

Через сайт twitter.github.com, я посмотрел на CSS для тех карусельного управления и отрегулированы следующие CSS, которые, казалось, для достижения влияют на вас искали:

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

Вы должны переопределить этот css в своем собственном файле css. Добавьте свой собственный класс и добавьте его на стрелки, или просто используйте тот же самый класс, который у него уже есть, и при необходимости используйте !important.