Bootstrap 3傳送帶不工作 - 衝突是什麼？

Question

嘗試讓的新主頁佈局試圖讓輪播工作。

這是缺省引導的東西，它不工作：

http://beckertime.com/test-carousel/

我缺少什麼？

Answer 1

獲取一定要使用這個腳本：然後有不應該有任何問題，可你在Javascript中手工初始化：

<script> 
$('.carousel').carousel(); 
</script> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 

這是標記：

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
    <!-- Indicators --> 
    <ol class="carousel-indicators"> 
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
    <li data-target="#carousel-example-generic" data-slide-to="1"></li> 
    <li data-target="#carousel-example-generic" data-slide-to="2"></li> 
    </ol> 

    <!-- Wrapper for slides --> 
    <div class="carousel-inner"> 
    <div class="item active"> 
     <img src="http://placehold.it/1200x315" alt="..."> 
     <div class="carousel-caption"> 
      <h3>Caption Text</h3> 
     </div> 
    </div> 
    <div class="item"> 
     <img src="http://placehold.it/1200x315" alt="..."> 
     <div class="carousel-caption"> 
      <h3>Caption Text</h3> 
     </div> 
    </div> 
    <div class="item"> 
     <img src="http://placehold.it/1200x315" alt="..."> 
     <div class="carousel-caption"> 
      <h3>Caption Text</h3> 
     </div> 
    </div> 
    </div> 

    <!-- Controls --> 
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left"></span> 
    </a> 
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right"></span> 
    </a> 
</div> <!-- Carousel -->