使用CSS设置旋转木马图像高度（Laravel Blade）

Question

我的主页上有一个carousal滑块..我正在尝试用css调整carousal中图像的高度，但它没有正确显示。请指导我如何设置高度自动使其看起来更好。

这是我的转盘：

Carousal HTML：

<section class="row l-slides" id="slides">
        <div id="myCarousel" class="carousel slide hidden-xs" data-ride="carousel">

            <div class="carousel-inner" role="listbox">

                <div class="item active">

                    {{ Html::image('img/slides/banner-1.jpg') }}

                </div>

                <div class="item">
                    {{ Html::image('img/slides/banner-2.jpg') }}
                </div>

                <div class="item">
                    {{ Html::image('img/slides/banner-3.jpg') }}
                </div>

                <div class="item">
                    {{ Html::image('img/slides/banner-4.jpg') }}
                </div>
            </div>
        </div>
    </section>

Carousal CSS：

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

.carousel-inner>.item>img {
    line-height: 1;
}