Boostrap Carousel未出现在Rails应用程序中

时间:2018-03-02 10:12:33

标签: ruby-on-rails twitter-bootstrap carousel

我正在尝试在我的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,它们都是成功的。

这可能很简单,但我无法找出问题所在,所以我真的很感激一些帮助: - )

0 个答案:

没有答案