Html 引导响应式图像转盘大小调整

我正在使用bootstrap为所有设备创建一个网站。此网站包含一行专门用于图像传送带。此旋转木马的代码如下所示

<div class="row" id="imageCarouselRow">

    <div class="col-md-12" id="imageCarouselColumn">

        <div id="imageCarousel" class="carousel slide" data-ride="carousel">

            <ol class="carousel-indicators">
                <li data-target="#imageCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#imageCarousel" data-slide-to="1"></li>
                <li data-target="#imageCarousel" data-slide-to="2"></li>
                <li data-target="#imageCarousel" data-slide-to="3"></li>
                <li data-target="#imageCarousel" data-slide-to="4"></li>
            </ol>

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

                <div class="item active">
                    <img src="Image link" class="img-responisve" alt="Caption">
                </div>

                <div class="item">
                    <img src="Image Link" class="img-responsive" alt="Caption">
                </div>

                <div class="item">
                    <img src="Image Link" class="img-responsive" alt="Caption">
                </div>

                <div class="item">
                    <img src="Image Link" class="img-responsive" alt="Caption">
                </div>

                <div class="item">
                    <img src="Image Link" class="img-responsive" alt="Caption">
                </div>

            </div>

        </div>

    </div>

</div>

我也在em中设置了尺寸。问题是，如果我这样做，那么大小是静态的，这会阻止引导将站点扩展到不同的设备大小，并且当浏览器窗口被重新缩放时

---

这个问题有什么解决方案吗？

对所有媒体使用all CLASSE 例如col-lg-12 col-xl-12 col-md-12 col-sm-12 col-xs-12 对于图像响应，请使用图像响应类图像响应

---

检查此项了解更多信息

使用百分比而不是em或px来定义图像传送带的大小修复了问题

我已经对所有图像使用了img responsive，并且图像传送带嵌套在col-md-12 div中，因此这并不能解决我的问题

#imageCarousel{
    width: 1025px;
    height: 424px;
    margin: 0 auto;
}