Bootstrap 缩略图
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
</head>
<body>
<div style="padding:20px">
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="Images/HTML5LOGO.jpg" alt="通用占位符缩略图" />
</div>
<div class="caption">
<h2>缩略图标签</h2>
<p>一些示例文本，一些示例文本</p>
<p><a href="#" class="btn btn-default">按钮</a><a href="#"class="btn btn-primary">按钮</a></p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="Images/HTML5LOGO.jpg" alt="通用占位符缩略图" />
</div>
<div class="caption">
<h2>缩略图标签</h2>
<p>一些示例文本，一些示例文本</p>
<p><a href="#" class="btn btn-default">按钮</a><a href="#"class="btn btn-success">按钮</a></p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="Images/HTML5LOGO.jpg" alt="通用占位符缩略图" />
</div>
<div class="caption">
<h2>缩略图标签</h2>
<p>一些示例文本，一些示例文本</p>
<p><a href="#" class="btn btn-default"role="button">按钮</a><a href="#"class="btn btn-warning">按钮</a></p>
</div>
</div>
<div>
</div>
</div>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>
最新文章
- gulp使用过程中出现的问题
- 2016HUAS_ACM暑假集训4A - 递推
- [Java面试四]Strust2总结及在面试中的一些问题.
- 高端大气上档次！10个精美的国外HTML5网站欣赏
- zigbee学习之路(一):zigbee介绍
- starUML使用教程
- Delphi Xe2 后的版本如何让Delphi程序启动自动“以管理员身份运行"
- 创建PO
- javaSE第六天
- 各设备如何清理dns缓存
- thinkphp3.2.3 成功对接支付宝接口
- iOS--创建uiscrollview
- Hacking /dev/random: Pipe
- Kotlin 检查空类型
- SQL Server 视图（仅代码及练习）
- java界面设计(swing)
- Vijos1605 NOIP2008 提高组T4 双栈排序 BFS
- 【netcore基础】.Net core使用swagger自动生成开发文档
- 恢复oracle中用PLSQL误删除drop掉的表
- HBase的常用Java API