如何在bootstrap轮播中使用100％宽度图像防止动画期间的高度变化

Question

Bootstrap 3轮播应在动画期间使用固定高度的图像。 Carousel是使用bootstrap教程

中的代码创建的

 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner" role="listbox">
            <div class="item active">
                <a href="124">
                    <img class="carousel-img" src="124" />
                </a>
            </div>
            <div class="item ">
                <a href="123">
                    <img class="carousel-img" src="123" />

                </a>
            </div>
    </div>
</div>

使用

中的答案将图像宽度设置为轮播宽度

How to center image in carousel

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

我的屏幕分辨率很高，缩放级别很小，动画时图像高度会降低。 如何使用固定高度使内容不跳？

Answer 1

只需添加此CSS，

.carousel-inner > .item{
   width: 100%;
}