多项目轮播不显示答案

【问题标题】：Multi-item Carousel no display多项目轮播不显示
【发布时间】：2019-07-11 16:54:31
【问题描述】：

我想寻求帮助，为什么我的轮播不显示任何项目。我的目标是一次至少显示 3 个项目。我已经尝试增加高度，但没有成功。请注意，此处使用的图片来自谷歌，仅供采样。

这是我的代码https://jsfiddle.net/nm0f3twc/1的JS Fiddel

<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>

【问题讨论】：

用img替换你的锚元素，
getbootstrap.com/docs/4.0/components/carousel
@JustLearning 谢谢先生，我不知道不能使用锚标签:)

标签： bootstrap-4 carousel

【解决方案1】：

我稍微改变了你的小提琴以表明轮播确实有效。所以我从引导站点为轮播添加了默认 html：

fiddle with basic carousel

正如我在评论中提到的，您的轮播不起作用，因为您使用的是 <a> 元素而不是 <img>

【讨论】：