我在使用轮播时遇到了一些严重的问题,无法切换到下一张幻灯片。可能是因为我忽略了一些基础知识,但不管我怎么做,它似乎都不起作用!我尝试了使用JavaScript,但仍然没有结果。
<div id="mycarousel" class="carousel-slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="carousel-item active text-center p-4">
<h1 class="header-h1">WE'RE READY, ARE YOU? </h1>
<H2 class="header-h2">COME AND JOIN US FOR A SHOOT</H2>
<a href="/" class="btn btn-default">FIND OUT MORE</a>
</div>
<div class="carousel-item text-center p-4">
<h1 class="header-h1">COME AND </h1>
<H2 class="header-h2">HAVE</H2>
<a href="/" class="btn btn-default">A GO</a></p>
</div>
</div>
<a class="carousel-control-prev" href="#mycarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#mycarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
class="carousel slide"
,而不是class="carousel-slide"
。 - Carol Skellyclass="carousel-slide"
)将会正常工作。请确保已正确引入Bootstrap及其依赖项(jquery、popper.js、bootstrap.js等)。您是否查看了其他许多旋转木马相关的问题?浏览器控制台中是否有错误? - Carol Skelly