ブートストラップカルーセルで画像の最大幅を設定し、縦横比を維持するにはどうしたらいいですか？

Question

私はBootstrap 4 alpha6を使用しています。カルーセル内の画像の最大幅を設定する方法と、アスペクト比を維持する方法を探しています。

設定height: auto;は機能していないようです。すべてのヘルプは高く評価されhttp://codepen.io/anon/pen/bqWObN?editors=1100

：

は、ここに私のcodepenです。

Answer 1

max-widthプロパティは、指定された要素の最大幅を設定するために使用されます。 "高さ：自動"はdivの最大高さとみなされ、最大幅を宣言すると高さに応じた幅を持ちます。つまり、縦横比を維持することを意味します。

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