帶分頁點的自舉多個傳送帶

Question

我正在使用Bootstrap框架，並且在嘗試在同一頁上設置多個帶分頁點的傳送帶時遇到問題。我使用了GitHub上的bootstrap-carousel.js更新腳本（帶有藥片選項的腳本）來執行分頁。

我發現了一個帶有next-prev導航的多輪播的解決方案，但沒有提到帶點的多輪播。

任何想法來解決這個問題？ 任何幫助，將不勝感激。

非常感謝

Answer 1

你可以試試這個jsfiddle

要求的bootstrap-carousel.js和carousel.less。

(function(){ $('head style[type="text/css"]').attr('type', 'text/less');less.refreshStyles(); })(); 

$('#myCarousel').carousel(); 

Answer 2

有了最新的旋轉木馬，你可以使用旋轉木馬指標類：

<ol class="carousel-indicators"> 
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
    <li data-target="#myCarousel" data-slide-to="1"></li> 
    <li data-target="#myCarousel" data-slide-to="2"></li> 
</ol> 

http://getbootstrap.com/2.3.2/javascript.html#carousel