首页 > 编程 > JavaScript > 正文

BootStrap轮播HTML代码(推荐)

2019-11-19 18:34:50
字体:
来源:转载
供稿:网友

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

 <div id="carousel-menu" class="carousel slide" data-ride="carousel">  //小圆点  <ol class="carousel-indicators">    <li data-target="#carousel-menu" data-slide-to="0" class=""></li>    <li data-target="#carousel-menu" data-slide-to="1" class=""></li>    <li data-target="#carousel-menu" data-slide-to="2" class=""></li>    <li data-target="#carousel-menu" data-slide-to="3" class="active"></li>  </ol>  //图片  <div class="carousel-inner">    <div class="item">      <img src="img/img-slider-1.jpg" >    </div>    <div class="item">      <img src="img/img-slider-2.jpg" >    </div>    <div class="item">      <img src="img/img-slider-3.jpg" >    </div>    <div class="item active">      <img src="img/img-slider-4.jpg">    </div>  </div>//左右点击 <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">  <span class="icon-prev" aria-hidden="true"></span>  <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">  <span class="icon-next" aria-hidden="true"></span>  <span class="sr-only">Next</span> </a></div>

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表