奈寻味导航网 » 文章资讯 » BootStrap轮播HTML代码（推荐）

BootStrap轮播HTML代码（推荐）

2024-03-07 20:29:05 474

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

<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代码，希望对大家有所帮助，如果大家哟任何疑问欢迎给我留言，小编会及时回复大家的！

返回顶部
3162201930
czq8825@qq.com

BootStrap轮播HTML代码（推荐）

热门推荐

随机推荐