我正在尝试在我的Rails应用程序中使用基本的Bootstrap轮播,我将其复制过来:
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="..." alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="..." alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="..." alt="Third slide">
</div>
</div>
</div>
这是目前在部分页面上,但我也尝试在不同的HTML页面中使用轮播,但没有效果。我也尝试使用Bootstrap网站上提供的javascript行:
$('.carousel').carousel()
......但这也没有区别。我期待得到类似于空的Bootstrap Carousel的东西,但我在页面中得到的是三个失败的图像图标,其中包括“第一张幻灯片”,“第二张幻灯片”和“第三张幻灯片”。看起来好像Bootstrap根本不起作用,但我已经在这个应用程序中使用了Navbar和Jumbotron,它们都是成功的。
这可能很简单,但我无法找出问题所在,所以我真的很感激一些帮助: - )