BootStrap轮播HTML代码(推荐)
2016-12-10 00:00
465 查看
废话不多说了,直接给大家贴代码了,具体代码如下所述:
以上所述是小编给大家介绍的BootStrap轮播HTML代码,希望对大家有所帮助,如果大家哟任何疑问欢迎给我留言,小编会及时回复大家的!
基于BootStrap的图片轮播效果展示实例代码
Bootstrap的图片轮播示例代码
<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代码,希望对大家有所帮助,如果大家哟任何疑问欢迎给我留言,小编会及时回复大家的!
您可能感兴趣的文章:
Bootstrap轮播插件使用代码基于BootStrap的图片轮播效果展示实例代码
Bootstrap的图片轮播示例代码
相关文章推荐
- 本周ASP.NET英文技术文章推荐[06/03 - 06/09]
- Apache虚拟目录日志分割及发布 推荐
- 把用系统用户名都存到shell的数组中[支持ksh和bash] 推荐
- Java环境变量配置问题 推荐
- 第一次被推荐置顶
- 国外程序员推荐:每个程序员都应读的书
- 推荐学习笔记-概率和朴素贝叶斯
- 推荐的英语生活网站(替换掉百度新闻之类的新闻网站和论坛)
- Git 本地仓库(Repository)详解 推荐
- Linux网络编程必看书籍推荐
- 百度新闻推荐真的在推荐新闻吗
- 博主干货:DNS原理及实战配置指南 推荐
- spark高级数据分析-推荐系统(学习笔记)
- 推荐系统之用户行为分析
- .NET开源项目介绍及资源推荐:数据持久层
- 推荐的C++书籍以及阅读顺序
- 报告节选3:Linux比例近半 操作系统混战虚拟化 推荐
- 推荐两个在线格式化JavaScript代码的网站
- 【博客话题】2011毕业季:青春在成长 推荐
- 最适合编程的10大字体推荐