Bootstrap搭建传送带

http://getbootstrap.com/javascript/#carousel

进度指示器

<div id="homepage-feature" class="carousel slide">
                <ol class="carousel-indicators">
                    <li data-target="#homepage-feature" data-slide-to="0" class="active"></li>
                    <li data-target="#homepage-feature" data-slide-to="1" ></li>
                    <li data-target="#homepage-feature" data-slide-to="2" ></li>
                    <li data-target="#homepage-feature" data-slide-to="3" ></li>
                </ol>

进度指示器的data-target属性必须使用传送带的ＩＤ homepage-featureJS插件为传送带添加active类。

 <div class="carousel-inner">
                <div class="item active">
                    <img >
                </div>
                <div class="item ">
                <img >
                </div>
                ...
            </div>

然后是显示前一个后一个的按钮

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

如此便好了。