< div id= "carousel-menu" class= "carousel slide" data-ride= "carousel" >
//小圆点
< ol class= "carousel-indicators" >
< li data-target= "#carousel-menu" data-slide-to= "0" class= "" ></ li >
< li data-target= "#carousel-menu" data-slide-to= "1" class= "" ></ li >
< li data-target= "#carousel-menu" data-slide-to= "2" class= "" ></ li >
< li data-target= "#carousel-menu" data-slide-to= "3" class= "active" ></ li >
</ ol >
//图片
< div class= "carousel-inner" >
< div class= "item" >
< img src= "img/img-slider-1.jpg" >
</ div >
< div class= "item" >
< img src= "img/img-slider-2.jpg" >
</ div >
< div class= "item" >
< img src= "img/img-slider-3.jpg" >
</ div >
< div class= "item active" >
< img src= "img/img-slider-4.jpg" >
</ div >
</ div >
//左右点击
<a class= "left carousel-control" href= "#carousel-example-generic" role= "button" data-slide= "prev" >
<span class= "icon-prev" aria-hidden= "true" ></span>
<span class= "sr-only" > Previous</span>
</a>
<a class= "right carousel-control" href= "#carousel-example-generic" role= "button" data-slide= "next" >
<span class= "icon-next" aria-hidden= "true" ></span>
<span class= "sr-only" > Next</span>
</a>
</ div >