不知道爲什麼我的傳送帶不工作（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>