您的位置:首页 > Web前端 > BootStrap

BootStrap3.X--Carousel轮播不自动播放问题

2016-08-19 17:28 459 查看
先看一下Carousel的正确写法(代码,这里使用的是Bootstrap 3.2版本):

<div id="carousel-ad" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-ad" data-slide-to="0" class="active"></li>
<li data-target="#carousel-ad" data-slide-to="1"></li>
<li data-target="#carousel-ad" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active"><img class="img-responsive" src="images/pic01.jpg"></div>
<div class="item"><img class="img-responsive" src="images/pic02.jpg"></div>
<div class="item"><img class="img-responsive" src="images/pic03.jpg"></div>
</div>
</div>


主要是 data-ride=”carousel”, 如果不能自动轮播,检查一下是不是加了这个

转载位置http://www.weste.net/2014/7-15/97829.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  bootstrap
相关文章推荐