废话不多说了,直接给大家贴代码了,具体代码如下所述:
<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代码,希望对大家有所帮助,如果大家哟任何疑问欢迎给我留言,小编会及时回复大家的!
您可能感兴趣的文章: