Bootstrap图片旋转轮播的实现
来源:互联网 发布:linux系统怎么上网 编辑:程序博客网 时间:2024/04/30 16:59
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>
<h1>www.dawen.org</h1>
</a>
</div>
</div>
- Bootstrap图片旋转轮播的实现
- Bootstrap图片旋转轮播的实现
- bootstrap下 图片轮播的实现
- 用bootstrap实现图片的轮播
- bootstrap 旋转木马carousel 图片轮播
- bootstrap实现图片轮播
- Bootstrap 旋转轮播
- 基于Bootstrap框架的图片轮播实现
- AngularJS+ui.bootstrap实现图片轮播
- bootstrap图片轮播
- Bootstrap图片轮播
- Bootstrap图片轮播
- 【BootStrap】图片轮播
- BootStrap图片轮播
- Bootstrap 图片轮播
- Bootstrap图片轮播
- Bootstrap---图片轮播
- bootstrap图片轮播
- Linux Could not get lock 解决方案
- GreenDao 基本使用
- 用数组方法做的图片排序效果
- Android Studio导入外部so库
- myfirst
- Bootstrap图片旋转轮播的实现
- MediaPlayer播放音频讲解
- C语言数据类型和运算符
- 在Vivado HLS中综合时如何指定端口的综合类型
- 从Spyder3降级回Spyder2
- Asp.net/C#/Mvc 中Cache缓存帮助类
- shell中$0,$?,$!等的特殊用法
- Android 网络请求及网络状态判断
- 异常--ConcurrentModificationException(53)