Bootstrap：如何在轮播中装入图像

Question

我在这个web app使用Bootstrap v3.3.5轮播，图像固定尺寸（970x180），所以我也修复了轮播尺寸。

但是，从智能手机浏览此应用时，图像无法正常调整大小，只有一半图像可见。

这里有什么建议吗？

Answer 1

问题出在 .carousel .item 样式中。删除宽度：970px; 。在这里，您要为图像设置固定宽度。这就是为什么它没有响应。

我认为以下代码适合您。

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