轮播（Carousel）

 

 

 

<div id="myCarousel" class="container carousel slide" data-ride="carousel" data-interval="2000">
<!-- 轮播（Carousel）指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>

</ol>
<!-- 轮播（Carousel）项目 -->
<div class="carousel-inner text-center">
<div class="item active">
<img class="center-block" src="../images/img/15.jpg" alt="First slide">
<div class="carousel-caption">最新科研项目在京举行</div>
</div>
<div class="item">
<img class="center-block" src="../images/img/16.jpg" alt="Second slide">
</div>
<div class="item">
<img class="center-block" src="../images/img/17.jpg" alt="Second slide">
</div>

</div>
</div>

转载于:https://www.cnblogs.com/iriliguo/p/6445600.html