twitter-bootstrap - Bootstrap 带分页点的多个轮播

Question

我正在使用 Bootstrap 框架，但在尝试在同一页面上设置多个带有分页点的轮播时遇到了麻烦。我使用了 GitHub 上的 bootstrap-carousel.js 更新脚本（带有药丸选项的脚本）来进行分页。

我找到了带有下一个导航的多个轮播的解决方案，但没有关于带点的多个轮播的解决方案。

有什么想法可以解决这个问题吗？任何帮助，将不胜感激。

非常感谢

Answer 1

你可以试试这个jsfiddle

需要bootstrap-carousel.js和 carousel.less。

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

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

Answer 2

使用最新的轮播，您可以使用carousel-indicators类：

 <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