thumbnails-finish.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>缩略图</title>
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet"
type="text/css">
<!--[if lt IE 9]>
<script src="../bootstrap/js/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<h1 class="page-header">缩略图</h1>
<ul class="thumbnails">
<li class="span3"><a class="thumbnail" href="#"><img src="http://placehold.it/260X180" alt=""></a></li>
<li class="span3"><a class="thumbnail" href="#"><img src="http://placehold.it/260X180" alt=""></a></li>
<li class="span3"><a class="thumbnail" href="#"><img src="http://placehold.it/260X180" alt=""></a></li>
<li class="span3"><a class="thumbnail" href="#"><img src="http://placehold.it/260X180" alt=""></a></li>
<li class="span6"><a class="thumbnail" href="#"><img src="http://placehold.it/520X380" alt=""></a></li>
<li class="span6"><a class="thumbnail" href="#"><img src="http://placehold.it/520X180" alt=""></a></li>
<li class="span3"><a class="thumbnail" href="#"><img src="http://placehold.it/260X180" alt=""></a></li>
<li class="span3"><a class="thumbnail" href="#"><img src="http://placehold.it/260X180" alt=""></a></li>
</ul>
</div>
<script src="../bootstrap/js/jquery-1.7.2.min.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
</body>
</html>
分享到：
相关推荐
bootstrap缩略图，简洁方便，样式漂亮新异
Bootstrap 缩略图 本章将讲解 Bootstrap 缩略图。大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下： 在图像周围添加带有 ...
Bootstrap简介 Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。... 缩略图组件 缩略图在网站中最常用的就是...下面是bootstrap缩略图组件不同版本的源码文件： LESS : tbumbnails.less SASS : _tbumbnails.scss
这是一个点击图片全屏放大查看，再次点击全屏图片退出全屏查看。
主要介绍了Bootstrap缩略图的创建方法，教大家如何实现Bootstrap缩略图，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
主要为大家详细介绍了Bootstrap缩略图与警告框学习使用的相关资料，希望通过这篇文章和大家更多的去学习Bootstrap缩略图与警告框，从中得到收获
主要为大家详细介绍了Bootstrap基本组件学习笔记之缩略图,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Bootstrap 缩略图 162 添加自定义的内容 163 Bootstrap 警告（Alerts） 167 可取消的警告（Dismissal Alerts） 168 警告（Alerts）中的链接 170 Bootstrap 进度条 172 默认的进度条 172 交替的进度条 173 条纹的...
Bootstrap每天必学之缩略图与警示窗，对Bootstrap缩略图与警示窗小编也了解的很少，希望通过这篇文章和大家更多的去学习Bootstrap缩略图与警示窗，从中得到收获。
最新bootstrap练习又来啦，本次练习包含3个完整页面。...组件中的缩略图。还有其他组件混用的三个页面。重点不同，自学bootstrap自我检测的好资料。只要1分~~这些资料可是费了我好多脑力得来的。呜~~~~~
本文通过实例给大家详解介绍了Bootstrap笔记之缩略图、警告框知识，非常不错，具有参考借鉴价值，需要的朋友可以参考下
Bootstrap中包含了丰富的Web组件如下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等;用户可以对Bootstrap中所有的CSS变量进行修改，依据自己的需求裁剪...
下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等。 Bootstrap自带了13个jQuery插件，这些插件为Bootstrap中的组件赋予了“生命”。其中包括： 模式...
这是一款基于Bootstrap的图片画廊和lightbox效果模板。这套模板共有4种不同的布局效果，分别为简单布局，流式布局，网格布局和缩略图布局。
图片上传：生成缩略图 加文字水印 图片水印 51aspx.png为水印图片 远程图片抓取（保存到本地）支持jpg、gif、bmp、png 图片抓取后自动以Auto+日期+原名称命名 输入远程图片地址（支持Html）
###已弃用，不再支持。 请访问###具有新功能和更新的###