Bootstrap--响应式图片轮播
2024-09-23 23:13:14
<div class="row">
<div class="span12">
<section id="carousel">
<div class="page-header">
<h1>轮播(Carousel) <small>bootstrap-carousel.js</small></h1>
</div> <div class="bs-docs-example">
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="~/Images/1.jpg" />
<div class="carousel-caption">
<h4>First Thumbnail label</h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
</div>
</div>
<div class="item">
<img src="~/Images/1.jpg" />
<div class="carousel-caption">
<h4>Second Thumbnail label</h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
</div>
</div>
<div class="item">
<img src="~/Images/1.jpg" />
<div class="carousel-caption">
<h4>Third Thumbnail label</h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
</div>
</div>
</section> </div>
</div>
最新文章
- iOS-最全的App上架教程
- 循序渐进做项目系列(3):迷你QQ篇(1)——实现客户端互相聊天
- Java基础语法总结
- BZOJ1769 : [Ceoi2009]tri
- 是否用new来新建对象
- Cocos2dx项目启程一 之 封装属于我的精灵类
- JAVA_SE基础——25.面向对象练习
- ActiveMQ在windows下启动失败解决方案
- RISC与CISC比较
- vm无法删除干净老版本,新版本无法安装解决
- 使用html+css+js实现弹球游戏
- 《C++ Primer Plus》第17章 输入、输出和文件 学习笔记
- HDU 3247 Resource Archiver (AC自动机+BFS+状压DP)
- MESS-配置
- UITabBarController 的配置
- iptables学习与研究(使用LOG记录失败日志)
- java基础之Flex弹性布局、JSP错误处理以及Log4J
- bzoj2165: 大楼 (矩阵快速幂)
- sublime text 3安装 vue插件
- Linux - 信息收集