twitter-bootstrap - 引导轮播没有响应

Question

我正在开发一个简单的登录页面，该页面顶部有引导轮播。在大多数情况下，它可以正常工作并调整大小。如果我从正常宽度转到小宽度浏览器，它会很好地调整大小。但是，当我将浏览器尺寸设为超大时，页面上的所有内容都会调整大小，除了轮播。我不确定我做错了什么。

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

任何帮助将不胜感激！

Answer 1

轮播中的图像看起来大约是 960 像素宽，因此一旦浏览器调整大小超出该图像不会在轮播 .item 内拉伸。

你应该能够在你的 CSS 中解决这个问题：

.item img {
  width:100%;
}

Answer 2

对于 980 和小屏幕，我做了：

    @media（最大宽度：979px）{
    #myCarousel.carousel img {
    宽度：100%；
    高度：自动；

    }
    }


    @media（最大宽度：470px）{
    #myCarousel.carousel img {
    最大宽度：300%；
    宽度：150%；
    最小高度：300px；
    }
    }