BootStrap 轮播插件

最新推荐文章于 2022-06-04 10:22:23 发布

xunbaogang

最新推荐文章于 2022-06-04 10:22:23 发布

阅读量409

点赞数

分类专栏： # BootStrap

本文链接：https://blog.csdn.net/xunbaogang/article/details/51984990

版权

BootStrap 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<div id="myCarousel" class="carousel slide" data-ride="carousel" style="width: 900px;">
   <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>
   </ol>
   <div class="carousel-inner">
       <div class="item active"><img src="img/2.jpg" alt="第一张" /></div>
       <div class="item"><img src="img/3.jpg" alt="第二张" /></div>
       <div class="item"><img src="img/4.jpg" alt="第三张" /></div>
   </div>
   <a href="#myCarousel" data-slide="prev" class="carousel-control left">&lsaquo;</a>
   <a href="#myCarousel" data-slide="next" class="carousel-control right">&rsaquo;</a>
</div>