如何在Bootstrap轮播中设置图像的最大宽度并保持纵横比？

Question

我正在使用Bootstrap 4 alpha6，我正在寻找一种方法来设置旋转木马中图像的最大宽度，同时保持宽高比。

设置height: auto;似乎不起作用。

这是我的代码：http://codepen.io/anon/pen/bqWObN?editors=1100

感谢任何帮助。

Answer 1

max-width属性用于设置给定元素的最大宽度。 “高度：自动”取div的最大高度，如果你声明最大宽度，它将根据高度取宽度，意味着保持纵横比..

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