不止一个id bootstrap轮播

Question

我在一个带有缩略图导航的引导页面中有多个轮播。但只有一个缩略图导航工作。我使用这个脚本http://www.bootply.com/79859

我知道这是因为#myCarousel不是唯一的，但我该如何解决这个问题？多次将此脚本与另一个ID放在一起并不是很花哨

import sys

def excepthook(type, value, traceback):
    print(value)

sys.excepthook = excepthook

raise ValueError('hello')

Answer 1

不要使用Id，而是使用类。

<div class="col-md-12 hidden-sm hidden-xs slider-thumbs">

而不是

<div class="col-md-12 hidden-sm hidden-xs" id="slider-thumbs">

例如。

您可以尝试使用此轮播：http://bootsnipp.com/snippets/featured/carousel-reviews-with-rating

您可以在一个页面中创建多个轮播并且它们可以正常工作。