Загрузочный лоток: Как разместить изображения в каруселях

Question

Я использую карусель Bootstrap v3.3.5 для этого web app, изображения фиксированы в размерах (970x180), поэтому я также зафиксировал размеры карусели.

Однако при просмотре этого приложения со смартфона изображения не изменяются правильно и отображается только половина изображения.

Любые предложения здесь?

Answer 1

Проблема в . Carousel .item style. Удалите ширина: 970px;. Здесь вы устанавливаете фиксированную ширину изображения. Вот почему он не реагирует.

Я думаю, что приведенный ниже код работает для вас.

.carousel .item { 
    height: 180px; 
    /* width: 970px; */ 
}