不能得到引導旋轉木馬基本示例工作

Question

這carousel看起來很簡單，但我不能讓它工作

任何幫助，不勝感激:-)

Answer 1

看它這會有所幫助：http://www.bootply.com/70201

它的使用引導3，用HTML直接從傳送帶例如解除了對Bootstrap docs和JavaScript

<script type="text/javascript" > 
      $(document).ready(function() {   
     $('.carousel').carousel() 
      }); 
</script>  

我還注意到，您的佔位符圖片的來源目前暫時關閉，因此我正在使用另一個網址製作幻燈片圖片

Goold luck！

HTML

<div id="carousel-example-generic" class="carousel slide"> 
<!-- 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/900x500" alt=""> 
    <div class="carousel-caption"> 
    slide 1 
    </div> 
</div> 
<div class="item"> 
    <img src="http://placehold.it/900x500" alt=""> 
    <div class="carousel-caption"> 
    slide 2 
    </div> 
</div> 
<div class="item"> 
    <img src="http://placehold.it/900x500" alt=""> 
    <div class="carousel-caption"> 
    slide 3 
    </div> 
</div> 
</div> 

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

Answer 2

您不必holder.js包含在您的代碼，請添加以下行

<script type='text/javascript' src="http://imsky.github.io/holder/holder.js"></script>