不知道为什么我的传送带不工作（Bootstrap）

Question

我一直在尝试学习引导，我已经转向在YouTube上的真棒创作者寻求帮助，并复制他们的代码，试图找出每个人元素呢。一个问题，在完全复制代码后，我似乎无法弄清楚为什么这个传送带不能自动交换幻灯片（我不需要任何控制）。如果任何人都可以摆脱一些令人惊叹的光线。

HTML代码：

<div id="slider" class="carousel slide" data-ride="carousel"> 
    <div class="carousel-inner" role="listbox"> 
     <div class="item active"> 
      <img src="img/computerroom.png" alt="computer room" /> 
     </div> 
    </div> 
    <div class="carousel-inner" role="listbox"> 
     <div class="item"> 
      <img src="img/owenscomputerrepair.png" alt="owens computer repair" /> 
     </div> 
    </div> 
</div> 

谢谢:)

Answer 1

您需要通过数据间隔属性传递一个值来告诉它自动多久周期在文档中指定：http://getbootstrap.com/javascript/#carousel

Answer 2

您是否包含jQuery & bootstrap.js？

Answer 3

两个项目需要内部<div class="carousel-inner" role="listbox">...</div>

Answer 4

你有两个div与carousel-inner类。应该只有一个，并且你的物品应该在里面。

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css"> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<div id="slider" class="carousel slide" data-ride="carousel"> 
 
    <div class="carousel-inner" role="listbox"> 
 
     <div class="item active"> 
 
      <img src="https://placekitten.com/g/200/200" alt="computer room" /> 
 
     </div> 
 
     <div class="item"> 
 
      <img src="http://placehold.it/200x200" alt="owens computer repair" /> 
 
     </div> 
 
    </div> 
 
</div>