轮播导航缩略图

时间:2014-03-03 23:46:19

标签: twitter-bootstrap carousel

我注意到Twitter Bootstrap几乎没有自定义模式。例如,我想创建一个轮播,我有链接作为导航,你可以跳转到你想要的幻灯片。

这是否符合标准,我错过了它?

更新我的代码:

<section id="myCarousel" class="carousel slide" data-ride="carousel">
        <ul class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1" class=""></li>
            <li data-target="#myCarousel" data-slide-to="2" class=""></li>
        </ul>
        <div class="carousel-inner">
            <div class="item active">
                <!-- @placeholder 1000x400 Slide 1 -->
            </div>
            <div class="item">
                <!-- @placeholder 1000x400 Slide 2 -->
            </div>
            <div class="item">
                <!-- @placeholder 1000x400 Slide 3 -->
            </div>
            <div class="item">
                <!-- @placeholder 1000x400 Slide 4 -->
            </div>
        </div>

        <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </section>

1 个答案:

答案 0 :(得分:0)

检查出来:http://getbootstrap.com/examples/carousel/

小圆圈提供指向单张幻灯片的链接。