Twitter Bootstrap Карусель Cutoff при низком разрешении

Question

Я добавил карусель на сайт церкви, который генерируется из скрипта PHP, который можно настроить в удаленном бэкэнд.

Это кажется интересным, поскольку это происходит только при низких разрешениях.

Посмотрите здесь: http://cstone.jire.org/carousel.php

<div id="myCarousel" class="carousel slide" style="width: 100%; height: 410px; position: fixed;"> 

Answer 1

Это из-за стоимости position: fixed вы установили для DIV myCarousel

<div id="myCarousel" class="carousel slide" style="width: 100%; height: 410px; position: fixed;"> 

Удалить position: fixed

<div id="myCarousel" class="carousel slide" style="width: 100%; height: 410px;"> 

Answer 2

Размер изображения не является достаточно большим, чтобы растянуть по всему экрану. (1500px).

Вы можете попробовать добавить

ширина: 100% до

.carousel-inner>.item>img, .carousel-inner>.item>a>img { 
display: block; 
line-height: 1; 
width: 100%; 

}

Но это может изменить высоту.