Twitter bootstrap 引导转盘不使用背景图像

我想在我的Bootstrap 4旋转木马中添加背景图像，但它不起作用。我需要代码方面的帮助

<!-- The slideshow --> 
<div class="carousel-inner"> 
    <div class="active item one" style="background-image:url('1.jpg')">
    </div> 
    <div class="item two" style="background-image:url('2.jpg')">
    </div> 
    <div class="item three" style="background-image:url('3.jpg')">
    </div> 
</div>

---

这是因为旋转木马的高度由

的高度决定。旋转木马项目

s，但没有任何内容或明确设置的高度，幻灯片的高度为

0px

。请注意，在元素上设置背景图像不会设置其高度

为了使旋转木马可见，必须设置

.carousel项目的高度。下面的示例使用这些类使
.carousel项
s的纵横比为21:9


如评论中所述，之所以会出现这种情况，是因为旋转木马的大小取决于图像尺寸

最简单的方法是强制旋转木马尺寸。您可以通过向CSS中添加以下代码来实现这一点：

.carousel,
.carousel-item,
.carousel-inner {
    height: 400px !important;
    width: 100% !important;
}

这样，旋转木马的高度将是您选择的高度（400px），旋转木马将填充其所在的列、行或容器。
请发布代码片段，说明您试图实现的目标以及您面临的问题。如果你可以使用plnkr.co或其他网站，甚至可以在你的主要帖子中粘贴代码，这些背景图片就不会改变了。你面临的确切问题是什么？我用评论中提供的代码@ShNajam更新了queston。我不知道这是否对他有效，但对我有效。非常感谢。不适合我。我需要底部所有的Jquery和JS吗？