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

Bootstrap多个旋转木马与分页点

2 个答案: