Jquery Bootstrap 3转盘无法正确显示或更改图像_Jquery_Html_Css_Twitter Bootstrap 3_Carousel

Jquery Bootstrap 3转盘无法正确显示或更改图像

jquery html css twitter-bootstrap-3

Jquery Bootstrap 3转盘无法正确显示或更改图像,jquery,html,css,twitter-bootstrap-3,carousel,Jquery,Html,Css,Twitter Bootstrap 3,Carousel,我似乎无法让Bootstrap 3旋转木马转动图像。这些似乎都不管用。这最初是在CodePen中完成的，但是将其全部移动到文本编辑器中。我到处寻找答案这是结果……有什么想法吗 <!DOCTYPE html> <body> <div id="carousel-home" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators">

我似乎无法让Bootstrap 3旋转木马转动图像。这些似乎都不管用。这最初是在CodePen中完成的，但是将其全部移动到文本编辑器中。我到处寻找答案

这是结果……有什么想法吗

<!DOCTYPE html>

<body>


  <div id="carousel-home" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#carousel-home" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-home" data-slide-to="1"></li>
      <li data-target="#carousel-home" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <img src="img/flower-21.jpg">
        <div class="carousel-caption">
          <h3>Flower 1</h3>
        </div>
      </div>
      <div class="item">
        <img src="img/flower12.jpg">
        <div class="carousel-caption">
          <h3>Flower 2</h3>
        </div>
      </div>
      <div class="item">
        <img src="img/flowers3.jpg">
        <div class="carousel-caption">
          <h3>Flower 3</h3>
        </div>
      </div>
    </div>
    <a class="left carousel-control" href="#carousel-home" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-home" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</body>





花1
花2
花3

确保您包含了

bootstrap.min.js

和

jquery

库，以便转盘工作

请参见（展开“外部资源”选项卡）

引导转盘文档是

请确保包含了

Bootstrap.min.js

和

jquery

库，以便转盘工作

请参见（展开“外部资源”选项卡）

Bootstrap carousel文档是

作为您提供的JSIDLE，您缺少Bootstrap Javascript库（Bootstrap.js）

使用bootstrap文档时的一个提示，如果您在

Javascript

选项卡中看到任何内容，它需要

bootstrap.js

作为您提供的JSFIDLE，您缺少引导Javascript库（bootstrap.js）

使用bootstrap文档时的一个提示，如果您在

Javascript

选项卡中看到任何内容，它需要

bootstrap.js