bootstrap 的全屏轮播
来源:互联网 发布:优化csgo的显卡驱动 编辑:程序博客网 时间:2024/06/05 22:58
<div class="onepage">
<div class="container" id="myCarousel">
<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" role="listbox">
<div class="item active img" >
<img src="img/4.jpg" >
<div class="carousel-caption">
the first
</div>
</div>
<div class="item img">
<img src="img/2.jpg">
<div class="carousel-caption">
syhdfh
</div>
</div>
<div class="item img">
<img src="img/3.jpg" >
<div class="carousel-caption">
syhdfh
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<div class="container" id="myCarousel">
<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" role="listbox">
<div class="item active img" >
<img src="img/4.jpg" >
<div class="carousel-caption">
the first
</div>
</div>
<div class="item img">
<img src="img/2.jpg">
<div class="carousel-caption">
syhdfh
</div>
</div>
<div class="item img">
<img src="img/3.jpg" >
<div class="carousel-caption">
syhdfh
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
2 0
- bootstrap 的全屏轮播
- bootstrap下 图片轮播的实现
- Bootstrap的图片轮播示例代码
- Bootstrap图片旋转轮播的实现
- Bootstrap图片旋转轮播的实现
- 用bootstrap实现图片的轮播
- Bootstrap 轮播
- bootstrap 轮播总结
- Bootstrap轮播
- bootstrap图片轮播
- bootstrap 轮播
- Bootstrap图片轮播
- Bootstrap图片轮播
- Bootstrap 旋转轮播
- 【BootStrap】图片轮播
- BootStrap 轮播插件
- BootStrap图片轮播
- Bootstrap轮播
- mfc 对话框 listbox control
- 过客--茫然了,梳理一下20160911
- hdu5875(思维题)
- Volley框架你想知道的秘密
- 使用rxjava实现imager loader,自定义缓存规则,
- bootstrap 的全屏轮播
- 对比Vector与List操作时间,以及用日志打印操作时间
- Codeforces Round #370 (Div. 2) C. Memory and De-Evolution【逆向思维+贪心】
- 7.13 LUVA 11270Tiling Dominoes
- UGUI内核大探究(一)EventSystem
- 二叉树前序、中序、后序遍历非递归写法的透彻解析
- synchronized实现线程锁
- 数据标准化
- HDU 5875 2016网预 大连