Bootstrap传送带在Chrome和Opera中不响应

我有一个问题，Bootstrap传送带在调整窗口大小时会在传送带内拉伸或挤压我的图像。即使宽度和高度属性与图像大小相匹配，它也会垂直拉伸我的图像。Bootstrap传送带在Chrome和Opera中不响应

我已经尝试了所有关于SO的答案，例如将min-width: 100%;设置为.carousel img类，等等。我的代码直接来自Bootstrap网站，我注意到它里面的图像也是一样的。

奇怪的是，它完全调整到Edge和Firefox的窗口。旋转木马中的图像看起来就像预期的一样，但在Chrome和Opera中打开生成完全不同的东西。

任何帮助表示赞赏。

请分享您的代码 –

我的代码是完全引导网站上进行如下：https://v4-alpha.getbootstrap.com/components/carousel /。我没有添加任何额外的东西。 –

必须有一些差异，否则你的代码将没有区别 –

我想你已经指定为您的图像高度。

只要确保保持高度自动和宽度100％。

.carousel img{ width:100%; height:auto;}

2017-02-22 10:35:54

这不幸的是不起作用。我的身高是在汽车。 –

你试过宽度：100％; ？ –

我试过了所有的东西，我可能会针对错误的类。 –

听起来没有那么聪明，但使用类“IMG响应”的img标签的？

// Your carousel code ... 
<img class="img-responsive .....> 
// code ...

即相当于图像的最大宽度设置为100％

2017-02-22 11:39:35

引导4仍处于alpha所以你可以期待一些不稳定性。转盘问题是引导一个已知的问题4.

2017-02-22 11:50:52 ZimSystem

是的，确实如此。这里和那里存在不一致。 –

回答