BootStrap轮播HTML代码(推荐)
废话不多说了,直接给大家贴代码了,具体代码如下所述:
<divid="carousel-menu"class="carouselslide"data-ride="carousel"> //小圆点 <olclass="carousel-indicators"> <lidata-target="#carousel-menu"data-slide-to="0"class=""></li> <lidata-target="#carousel-menu"data-slide-to="1"class=""></li> <lidata-target="#carousel-menu"data-slide-to="2"class=""></li> <lidata-target="#carousel-menu"data-slide-to="3"class="active"></li> </ol> //图片 <divclass="carousel-inner"> <divclass="item"> <imgsrc="img/img-slider-1.jpg"> </div> <divclass="item"> <imgsrc="img/img-slider-2.jpg"> </div> <divclass="item"> <imgsrc="img/img-slider-3.jpg"> </div> <divclass="itemactive"> <imgsrc="img/img-slider-4.jpg"> </div> </div> //左右点击 <aclass="leftcarousel-control"href="#carousel-example-generic"role="button"data-slide="prev"> <spanclass="icon-prev"aria-hidden="true"></span> <spanclass="sr-only">Previous</span> </a> <aclass="rightcarousel-control"href="#carousel-example-generic"role="button"data-slide="next"> <spanclass="icon-next"aria-hidden="true"></span> <spanclass="sr-only">Next</span> </a> </div>
以上所述是小编给大家介绍的BootStrap轮播HTML代码,希望对大家有所帮助,如果大家哟任何疑问欢迎给我留言,小编会及时回复大家的!