Bootstrap---图片轮播
来源:互联网 发布:js单选框是否选中 编辑:程序博客网 时间:2024/05/01 03:26
关键词:carousel
不支持IE8&9
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" style="text-align:center"> <div class="item active"> <img alt="First slide" src="http://placehold.it/900x500/78EB09/FFEB09/&text=First slide" ></img> </div> <div class="item"> <img alt="Second slide" src="http://placehold.it/900x500/78EB09/FFEB09/&text=Second slide" ></img> </div> <div class="item"> <img alt="Third slide" src="http://placehold.it/900x500/78EB09/FFEB09/&text=Third slide" ></img> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a></div>
阅读全文
0 0
- bootstrap图片轮播
- Bootstrap图片轮播
- Bootstrap图片轮播
- 【BootStrap】图片轮播
- BootStrap图片轮播
- Bootstrap 图片轮播
- Bootstrap图片轮播
- Bootstrap---图片轮播
- bootstrap图片轮播
- BootStrap图片轮播做法
- bootstrap实现图片轮播
- 【Bootstrap】图片轮播组件Carousel
- bootstrap 旋转木马carousel 图片轮播
- AngularJS+ui.bootstrap实现图片轮播
- bootstrap下 图片轮播的实现
- bootstrap图片轮播+导航栏效果
- Bootstrap的图片轮播示例代码
- 全面解析Bootstrap图片轮播效果
- Linux下gulp报错Error:watch ENOSPC的解决方法
- mac 系统中Android studio的一些快捷键
- Window 下替换 Android Studio 的终端 terminal
- 逆向修改手机内核绕过反调试
- android从应用到驱动之—camera(1)---程序调用流程
- Bootstrap---图片轮播
- ButterKnife使用
- Decipher加密工具报错:JCE cannot authenticate the provider BC 解决方法
- 网球线的几个常见问题(2)
- java nio 读取文件简洁方便
- 实现远程监控【BOA/JPEG/MJPEG-STREAMER】
- jQuery之元素的遍历和元素的过滤
- 本回显示更换的图片
- 二值图像形态学处理之边界检测