Bootstrap Gallery

by ramnathv

HTML

<script src="//d3js.org/d3.v3.min.js"></script>
<script src="//rawgit.com/jasondavies/3689677/raw/22e4bd006e929ee07af3ab68d58316368c009414/longscroll.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div class="container">
  <div class="row"></div>
</div>

CSS

.container {
    margin-top: 40px;
}

CoffeeScript

data = d3.range(30)

d3.select(".row")
  .selectAll("div")
  .data(data).enter()
  .append("div")
  .attr
    class: "col-lg-3 col-md-4 col-xs-6 thumb"
  .html('<a class="thumbnail" href="#"><img class="img-responsive" src="http://placehold.it/400x300" alt=""></a>')