Bootstrap Carousel Not Loading

Question

我使用Twitter Bootstrap框架來創建輪播，但我沒有任何成功。下面是我的腳本/ CSS聲明：

<link href ="css/bootstrap.css" rel="stylesheet"> 
    <link href="css/main.css" rel="stylesheet"> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="scripts/bootstrap.js" type=text/javascript></script> 
    <script> 
     $(document).ready(function(){ 
      $('.carousel').carousel(); 
     }); 
    </script> 

這裏是我的適用轉盤標記：

<div class="carousel-container"> 
      <div id="carousel-main" class="carousel slide"> 
       <div class="carousel-inner"> 
        <div class="item active"><img src="slide1.jpg" /></div> 
        <div class="item"><img src="slide2.jpg /"> </div> 
        <div class="item"><img src="slide3.jpg /"> </div> 
       </div> 
       <a class="carousel-control left" href="carousel-main" 
        data-slide="prev">&lsaquo</a> 
       <a class="carousel-control right" href="carousel-main" 
        data-slide="next">&rsaquo</a> 
      </div> 
     </div> 
    </div> 

當網頁加載完畢後，所有除了我的旋轉木馬的內容出現。我哪裏錯了？

Answer 1

你必須在你加價的最後一個額外的收盤</div> ..

也不要忘記將您bootstrap.js文件時添加引號type="text/javascript"左右。如果你有一個HTML 5的文檔類型不需要type屬性..

你也引用到你的圖像錯誤：

編輯：相反的：<img src="slide3.jpg /">使用：<img src="slide3.jpg" />