如何用缩略图替换Bootstrap轮播指示器

Question

您能告诉我如何用缩略图替换Bootstrap Carousel指示器吗？我想要的是在图像滑块的底部有一个thums列表？

Answer 1

查看Bootstrap's site的来源，似乎这是轮播中的标记：

      <div id="myCarousel" class="carousel slide">
            <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>
            <div class="carousel-inner">
              <div class="item active">
                <img src="assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="">
                <div class="carousel-caption">
                  <h4>**This is where**</h4>
                  <p>**the caption is defined**</p>
                </div>
              </div>
              .....

您可以尝试尝试用缩略图替换轮播字幕div的内容。