Bootstrap Carousel没有响应

Question

我正在处理一个简单的登录页面，该页面顶部有引导程序轮播。在大多数情况下，它工作和调整大小。如果我从正常宽度到小宽度浏览器，它会调整大小。但是，当我将浏览器大小设置得特别大时，除了轮播之外，页面上的所有内容都会调整大小。我不确定我做错了什么。

这是该网站的实时链接：http://dev.mikefisherdesign.com/stackstrap

非常感谢任何帮助！

Answer 1

旋转木马内的图像看起来大约是960像素宽，所以一旦浏览器调整到大小以外，图像就不会在旋转木马内部拉伸.item ..

您应该可以使用以下命令在CSS中修复此问题：

.item img {
  width:100%;
}

Answer 2

对于980和小屏幕我做了：

    @media (max-width: 979px) {
    #myCarousel.carousel img {
    width: 100%;
    height: auto;

    }
    }


    @media (max-width: 470px) {
    #myCarousel.carousel img {
    max-width:300%;
    width:150%;
    min-height: 300px;
    }
    }