BootStrap轮播HTML代码(推荐)

废话不多说了,直接给大家贴代码了,具体代码如下所述:

<div data-ride="carousel"> //小圆点 <ol> <li data-target="#carousel-menu" data-slide-to="0"></li> <li data-target="#carousel-menu" data-slide-to="1"></li> <li data-target="#carousel-menu" data-slide-to="2"></li> <li data-target="#carousel-menu" data-slide-to="3"></li> </ol> //图片 <div> <div> <img src="https://www.jb51.net/img/img-slider-1.jpg" > </div> <div> <img src="https://www.jb51.net/img/img-slider-2.jpg" > </div> <div> <img src="https://www.jb51.net/img/img-slider-3.jpg" > </div> <div> <img src="https://www.jb51.net/img/img-slider-4.jpg"> </div> </div> //左右点击 <a href="#carousel-example-generic" role="button" data-slide="prev"> <span aria-hidden="true"></span> <span>Previous</span> </a> <a href="#carousel-example-generic" role="button" data-slide="next"> <span aria-hidden="true"></span> <span>Next</span> </a> </div>

以上所述是小编给大家介绍的BootStrap轮播HTML代码,希望对大家有所帮助,如果大家哟任何疑问欢迎给我留言,小编会及时回复大家的!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwfxys.html