bootstrap轮播HTML代码

来源：互联网发布：thinkphp5源码下载编辑：程序博客网时间：2024/05/01 00:11

<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>

0 0