BootStrap 轮播插件
2016-07-21 17:28
621 查看
<div id="myCarousel" class="carousel slide" data-ride="carousel" style="width: 900px;">
<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>
<div class="carousel-inner">
<div class="item active"><img src="img/2.jpg" alt="第一张" /></div>
<div class="item"><img src="img/3.jpg" alt="第二张" /></div>
<div class="item"><img src="img/4.jpg" alt="第三张" /></div>
</div>
<a href="#myCarousel" data-slide="prev" class="carousel-control left">‹</a>
<a href="#myCarousel" data-slide="next" class="carousel-control right">›</a>
</div>
<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>
<div class="carousel-inner">
<div class="item active"><img src="img/2.jpg" alt="第一张" /></div>
<div class="item"><img src="img/3.jpg" alt="第二张" /></div>
<div class="item"><img src="img/4.jpg" alt="第三张" /></div>
</div>
<a href="#myCarousel" data-slide="prev" class="carousel-control left">‹</a>
<a href="#myCarousel" data-slide="next" class="carousel-control right">›</a>
</div>
相关文章推荐
- BootStrap 折叠框
- BootStrap 按钮
- BootStrap 工具提示 弹出框 警告框
- BootStrap 标签页
- BootStrap 滚动监听插件
- BootStrap 下拉菜单
- BootStrap 模拟框
- BootStrap 响应式嵌入组件
- BootStrap 面板组件
- BootStrap 列表组件
- BootStrap 媒体对象
- BootStrap 进度条
- 【整理】bootstrap基础
- bootstrap-table 显示行号
- angular+bootstrap+spring boot实现分页
- bootstrap双日历插件实例化
- Bootstrap介绍
- bootstrap table分页采用server方式,分页查询
- bootstrap table单元格样式,行样式以及分页显示全部的设置
- 20个优秀的前端框架 Twitter BootStrap Foundation (MIT;响应式)