Skip to content

Instantly share code, notes, and snippets.

@bswinnerton

bswinnerton/babblings_index.html

Last active December 10, 2015 16:48
Show Gist options
  • Save bswinnerton/4463159 to your computer and use it in GitHub Desktop.
Save bswinnerton/4463159 to your computer and use it in GitHub Desktop.
Download ZIP
twitter bootstrap babblings
Raw
babblings_index.html
<!DOCTYPE html>
<html>
<head>
<title>babblings test</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row">
<div class="contentbox span4">
<a href="/posts/180"><img width="300" height="247" src="http://s3.babblin.gs/posts/images/000/000/180/thumbnail/NS22K.png?1357072846" /></a>
</div>
<div class="contentbox span4">
<a href="/posts/179"><img width="300" height="419" src="http://s3.babblin.gs/posts/images/000/000/179/thumbnail/A1r57.jpg?1357063777" /></a>
</div>
<div class="contentbox span4">
<a href="/posts/177"><img width="300" height="420" src="http://s3.babblin.gs/posts/images/000/000/177/thumbnail/2376715_2942145_lz.jpg?1356573084" /></a>
</div>
<div class="contentbox span4">
<a href="/posts/176"><img width="300" height="289" src="http://s3.babblin.gs/posts/images/000/000/176/thumbnail/2395033_10879967_lz.jpg?1356573060" /></a>
</div>
<div class="contentbox span4">
<a href="/posts/175"><img width="300" height="420" src="http://s3.babblin.gs/posts/images/000/000/175/thumbnail/2364230_12922021_lz.jpg?1356573022" /></a>
</div>
<div class="contentbox span4">
<a href="/posts/174"><img width="300" height="280" src="http://s3.babblin.gs/posts/images/000/000/174/thumbnail/ngM6z.gif?1356363466" /></a>
</div>
<div class="contentbox span4">
<a href="/posts/173"><img width="300" height="183" src="http://s3.babblin.gs/posts/images/000/000/173/thumbnail/Sikm6.jpg?1356287347" /></a>
</div>
</div>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="http://einstein.babblin.gs/assets/jquery.masonry.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
// Masonry plugin
var $container = $('.container');
$container.masonry({
itemSelector : '.contentbox',
columnWidth : 300,
gutterWidth : 20
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment