响应式Bootstrap的Javascripts Carousel高度100％

Question

我试图将bootstrap的js carousel设置为100％的响应高度。

目前，我将旋转木马作为整个背景，直到它达到1020像素的屏幕尺寸。

     .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        width: 100%;
        height: 100%
    }

这是我的旋转木马......

                                                                                                                                                                       

当屏幕尺寸达到1020px时，旋转木马开始收缩，显示身体背景颜色。

像这样......

我需要图像在达到响应大小时的高度为100％。