单独引入bootstrap插件,Carousel.js。
<div id=”carouselcontainter” class=”carousel”>
<ol class=”carousel-indicators”>
<li class=”active”>1</li> //初始选择按钮
<li>2</li>
<li>3</li>
<li>4</li>
</ol>
<div class=”carousel-inner>
<div class=”item active”> //初始图片位置
<a href=”#”><img src=”1.jpg” /></a>
</div>
<div class=”item”>
<a href=”#”><img src=”2jpg” /></a>
</div>
<div class=”item”>
<a href=”#”><img src=”3.jpg” /></a>
</div>
<div class=”item”>
<a href=”#”><img src=”4.jpg” /></a>
</div>
</div>
<div>