Bootstrap旋转木马没有响应

Question

我正在寻找一个简单的登陆页面，在页面顶部有bootstrap旋转木马。大多数情况下，它的工作和调整罚款。如果我从正常宽度转到小宽度浏览器，则调整大小会很好。但是，当我使浏览器尺寸变得非常大时，除了传送带之外，页面上的所有内容都会调整大小。我不确定我做错了什么。

这里有一个活链接到该网站：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; 
    } 
    }