2014-03-24 4 views
0

Я использую карусель Bootstrap 3, а стрелки Previous и Next немного не в центре. Я не уверен, что вызывает проблему. Пример страницы на карусельной загрузке выглядит нормально.Bootstrap 3 Кнопки карусели находятся вне центра

Вы можете увидеть проблему стрелки в основном слайд-шоу на этой странице, а также чуть выше сноске:

мне действительно нужно принести, что стрелка вправо обратно в пределах моей сетки.

http://webdev.craftonhills.edu/

+0

Создайте [bootply] (http://www.bootply.com) с соответствующим кодом – ZimSystem

ответ

2

Там должны быть поля к glyphicon стрелки. Попробуйте следующее:

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right { 
    position: absolute; 
    top: 50%; 
    z-index: 5; 
    display: inline-block; 
    margin-right: -15px; 
    margin-left: -15px; 
} 

Это должно центрировать ваши стрелы внутри карусели.

Смежные вопросы