幻燈片類沒有在旋轉木馬在Twitter中找到Bootstrap 3

我在twitter引導3製作旋轉木馬，但當我使用類「旋轉木馬幻燈片」，然後它給錯誤未知的類幻燈片。低於我正在使用的代碼。請親引導我。幻燈片類沒有在旋轉木馬在Twitter中找到Bootstrap 3

<div class="container"> 
    <div id="theCarousel" class="carousel slide" data-ride="carousel"> 
     <div class="carousel-inner"> 
      <div class="item active"> 
       <img src="/images/carousel-1.jpg" alt="1" class="img-responsive"/> 
      </div> 
      <div class="item"> 
       <img src="/images/carousel-2.jpg" alt="2" class="img-responsive"/> 
      </div> 
      <div class="item"> 
       <img src="/images/carousel-3.jpg" alt="3" class="img-responsive"/> 
      </div> 
      <div class="item"> 
       <img src="/images/CG-carousel-4.jpg" alt="4" class="img-responsive"/> 
      </div> 
     </div> 
    </div> 
</div>

來源

2014-02-09 Ammar

您是否包含bootstrap js文件？ – Josh

yes我包含bootstrap.min.js文件bundles.Add（新的ScriptBundle（「〜/ bundles/bootstrap」）。Include（「〜/ Scripts/js/bootstrap.min.js」，「〜/ Scripts/js /bootstrap-carousel.js「））; – Ammar

傳送帶初始化時綁定。把它看作只是選擇者的目的。如果你想旋轉木馬在圖像之間滑動，請添加幻燈片類 – Gokhan

你的代碼是正確的.. 在我的系統的代碼工作正常..

有在引導3..But類「幻燈片」沒有定義，而「幻燈片」類，旋轉木馬圖片將與任何動畫效果改變..

添加這個腳本在你的代碼

<script> 
    $(document).ready(function() { 
     $('.carousel').carousel(); 
    }); 
</script>

檢查引導CSS & JS回覆ference在你的代碼.. 並檢查參考文件的順序

你可以按照這個順序： -

bootstrap.css
引導-theme.css
的jQuery -1.9.1.js
bootstrap.js

腳本BL ock將無法使用JQ Library ..因此請正確添加JQ Library文件..

並確保在腳本正常工作之前加載JQ文件。爲此，您可以在頁面頂部添加引用

來源

2014-05-02 14:09:24

幻燈片類沒有在旋轉木馬在Twitter中找到Bootstrap 3

回答

相關問題