用bootstrap实现图片的轮播

记得导入bootstrap.css,如果出现无法显示图标的情况，参见我的另一篇博文。

 
    
id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        
        
class="carousel-indicators">
            
data-target="#carousel-example-generic" data-slide-to="0" class="active">
            
data-target="#carousel-example-generic" data-slide-to="1" >
            
data-target="#carousel-example-generic" data-slide-to="2" >
        
        
        
class="carousel-inner" role="listbox">
            
class="item active">
                src="../images/carousel1.jpg" alt="1">
                
class="carousel-caption">
                    
教学天地

                    
这个大学是华南地区唯一一所医药大学
                
            
            
class="item ">
                src="../images/carousel2.jpg" alt="2">
                
class="carousel-caption">
            
            
class="item ">
                src="../images/carousel2.jpg" alt="3">
                
class="carousel-caption">
            
        
        
        class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            class="glyphicon glyphicon-chevron-left" >
            class="sr-only">Previous
        
        class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            class="glyphicon glyphicon-chevron-right" aria-hidden="true">
            class="sr-only">Next