Bootstrap 4 多项目转盘无显示

我想寻求帮助，为什么我的旋转木马没有显示任何项目。我的目标是一次至少显示3个项目。我已经尝试添加高度，但没有效果。请注意，这里使用的图像来自谷歌，仅用于采样

这是我代码的JS Fiddel

---

我稍微改变了一下你的小提琴，以表明旋转木马可以工作。因此，我从引导站点为旋转木马添加了默认html：

---

正如我在评论中提到的，您的旋转木马不起作用，因为您使用的是

元素而不是

我稍微更改了您的小提琴，以表明旋转木马确实起作用。因此，我从引导站点为旋转木马添加了默认html：


正如我在评论中提到的，您的旋转木马不起作用，因为您使用的是
元素而不是
用img替换您的锚元素，@JustLearning谢谢，先生，我不知道锚标记不能使用：）用img替换您的锚元素，@只是学习谢谢先生我不知道锚标签不能用：）
<div class="videosliderCarousel">
<div class="carousel slide multi-itemcarousel" id="videoSlider">
    <div class="carousel-inner">
        <div class="carousel-item active">
            <div class="col-xs-4">
                <a href="" src="https://www.everythingcarers.org.au/media/1982/sample.jpg" class="img-rensponsive">
                </a>
            </div>
        </div>
        <div class="carousel-item">
            <div class="col-xs-4">
                <a href="" src="https://www.everythingcarers.org.au/media/1982/sample.jpg" class="img-rensponsive">
                </a>
            </div>
        </div>
        <div class="carousel-item">
            <div class="col-xs-4">
                <a href="" src="https://www.everythingcarers.org.au/media/1982/sample.jpg" class="img-rensponsive">
                </a>
            </div>
        </div>
        <div class="carousel-item">
            <div class="col-xs-4">
                <a href="" src="https://www.everythingcarers.org.au/media/1982/sample.jpg" class="img-rensponsive">
                </a>
            </div>
        </div>
        <div class="carousel-item">
            <div class="col-xs-4">
                <a href="" src="https://www.everythingcarers.org.au/media/1982/sample.jpg" class="img-rensponsive">
                </a>
            </div>
        </div>
        <div class="carousel-item">
            <div class="col-xs-4">
                <a href="" src="https://www.everythingcarers.org.au/media/1982/sample.jpg" class="img-rensponsive">
                </a>
            </div>
        </div>
    </div>
    <a class="left carousel-control" href="#theCarousel" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i></a>
    <a class="right carousel-control" href="#theCarousel" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i></a>
</div>