<div id="myCarousel" class="carousel slide" > <div class="carousel-inner"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to ="0" class="active" ></li> <li data-target="#myCarousel" data-slide-to ="1"></li> <li data-target="#myCarousel" data-slide-to ="2"></li> <li data-target="#myCarousel" data-slide-to ="3"></li> </ol> <div class="item active"> <a href="#"> <img src="static/images/banner/news-banner1.jpg" alt="第一张" width="100%"> </a> </div> <div class="item"> <a href="#"> <img src="static/images/banner/news-banner2.jpg" alt="第二张" width="100%"> </a> </div> <div class="item"> <a href="#"> <img src="static/images/banner/news-banner3.jpg" alt="第三张" width="100%"> </a> </div> <div class="item"> <a href="#"> <img src="static/images/banner/news-banner4.jpg" alt="第四张" width="100%"> </a> </div> <a href="#myCarousel" data-slide="prev" class="carousel-control left"><!-- ‹ --> <span class="glyphicon glyphicon-chevron-left"></span> </a> <-! Left Arrow -> <a href="#myCarousel" data-slide="next" class="carousel-control right"><!-- › --> <span class="glyphicon glyphicon-chevron-right"></span> </a> <-! Right Arrow -> </div> </div> <script type="text/javascript"> $(function(){ // Carousel Figure Autoplay $('#myCarousel').carousel({ interval: 3000, // Autoplay 4s }); }); </script>
FIG rotation adaptive bootstrap size
Guess you like
Origin blog.csdn.net/zyc050707/article/details/102910338
Recommended
Ranking