Bootstrap图片旋转轮播的实现
来源:互联网 发布:混沌武士 知乎 编辑:程序博客网 时间:2024/04/30 22:50
bootstrap初级知识旋转轮播
源文件:carousel.js、carousel.less
CSS文件:bootstrap.css
这些源文件可以从bootstrap中下载,关于轮播,有很多译法,有人叫轮播,有人叫传送带。轮播效果默认是向左轮播,大家先看一下效果图哦!
下面是源代码:
<div class="row">
<div id="mid" class="col-xs-6">
<div data-ride="carousel" class="carousel slide" id="carousel-container">
<div class="carousel-inner">
/*--这里放置轮播的图片 --*/
<div class="item"><img alt="第一张图" src="#"></img></div>
<div class="item active"><img alt="第二张图" src="#"></img></div>
<div class="item"><img alt="第三张图" src="#"></img></div>
</div>
<ol class="carousel-indicators">
<li data-slide-to="0" data-target="#carousel-container"></li>
<li data-slide-to="1" data-target="#carousel-container"></li>
<li data-slide-to="2" data-target="#carousel-container" class="active"></li>
</ol>
<a data-slide="prev" href="#carousel-container" class="left carousel-control">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a data-slide="next" href="#carousel-container" class="right carousel-control">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
- Bootstrap图片旋转轮播的实现
- Bootstrap图片旋转轮播的实现
- bootstrap下 图片轮播的实现
- 用bootstrap实现图片的轮播
- bootstrap 旋转木马carousel 图片轮播
- bootstrap实现图片轮播
- Bootstrap 旋转轮播
- 基于Bootstrap框架的图片轮播实现
- AngularJS+ui.bootstrap实现图片轮播
- bootstrap图片轮播
- Bootstrap图片轮播
- Bootstrap图片轮播
- 【BootStrap】图片轮播
- BootStrap图片轮播
- Bootstrap 图片轮播
- Bootstrap图片轮播
- Bootstrap---图片轮播
- bootstrap图片轮播
- JS表单序列化与反序列化代码
- ubuntu14 手动安装sbt
- 知识库--how+request+invoke+servlet(53)
- 细节决定未来(静态链表建立)
- Mac使用tree生成目录结构
- Bootstrap图片旋转轮播的实现
- 二维码操作工具类QRCodeUtils
- 下载网络图片&&网络工作在主线程异常,Handler
- VBox下Linux与PC的Windows共享文件夹
- bc Kblack loves flag
- C++ primer 十二 C++中的类(一)
- Filter
- sqlite命令行下操作
- SQL 常用命令