如何在Bootstrap輪播中設置圖像的最大寬度並保持寬高比？

Question

我正在使用Bootstrap 4 alpha6，並且正在尋找一種方法來設置輪播中圖像的最大寬度，同時保持寬高比。

設定height: auto; 似乎不起作用。

這是我的代碼筆： http ://codepen.io/anon/pen/bqWObN?editors=1100

任何幫助表示贊賞。

Answer 1

max-width屬性用於設置給定元素的最大寬度。 “ Height：auto”是div的最大高度，如果您聲明max-width，它將根據高度來獲取寬度，表示保持寬高比。

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