twitter-bootstrap - Bootstrap：如何在轮播中放置图像

Question

我正在为这个网络应用程序使用 Bootstrap v3.3.5 轮播，图像的尺寸是固定的（970x180），所以我也固定了轮播尺寸。

但是，当从智能手机浏览此应用程序时，图像无法正确调整大小，并且只有一半的图像可见。

这里有什么建议吗？

Answer 1

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

我认为下面的代码适合你。

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