<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Title</title>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"/>
<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="bootstrap/masonry-docs.min.js"></script>
<script type="text/javascript" src="t.js"></script>
<style type="text/css">
.container-fluid {
padding: 20px;
}
.box {
margin-bottom: 20px;
float: left;
width: 220px;
}
.box img {
max-width: 100%
}
</style>
</head>
<body>
<button class="btn btn-info">123</button>
<div id="masonry" class="container-fluid">
<div class="box"><img src="img/p1.png">123</div>
<div class="box"><img src="img/p2.png">34444444444444444444</div>
<div class="box"><img src="img/p3.png">42234234</div>
<div class="box"><img src="img/p4.png">234</div>
<div class="box"><img src="img/p5.png">22222222222222</div>
<div class="box"><img src="img/p6.png">2321213</div>
</div>
</body>
</html>
bootstrap图片瀑布布局 Masonry插件
5星 · 超过95%的资源 需积分: 9 73 浏览量
2017-01-18
13:53:24
上传
评论
收藏 543KB RAR 举报 
2017-1-18 bootstrap瀑布.rar （27个子文件） 
2017-1-18 bootstrap瀑布 bootstrap js 
jquery-1.9.1.min.js 262KB npm.js 484B bootstrap.js 67KB html5.js 3KB respond.min.js 8KB bootstrap.min.js 36KB fonts glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.woff 23KB css bootstrap-theme.css.map 47KB bootstrap.min.css 120KB bootstrap-theme.min.css 23KB bootstrap-theme.css 26KB bootstrap.css.map 381KB bootstrap.css 144KB masonry-docs.min.js 34KB img 
p5.png 9KB p4.png 8KB p2.png 10KB p6.png 158KB p1.png 5KB p3.png 9KB t.js 241B jquery-2.1.4.min.js 127KB
test.html 1KB资源评论
Buxkitty2017-06-20谢谢分享 很好的例子！
