Twitter bootstrap 如何使用引导在缩略图gridview（如pininterest）中显示结果

如何在我的网页中显示结果，如pininterest thumnail gridview和动态创建列和行

下面的代码显示缩略图，但所有结果都在不同的行，使页面太长，我希望他们使用完整的页面和滚动，如果需要

     <div id="resultBox" class="span6">

<!--<div class="container">-->
    <div class="row-fluid">
         <ul ng-repeat="place in allresultsfinal.placeList" class="thumbnails">
            <li class="span4">
                <div class="thumbnail" style="padding: 0">
                    <div style="padding:4px">
                        <img alt="300x200" style="width: 100%" src="/ngdemo/img/hotelDemo.JPG">
                    </div>
                    <div class="caption">
                        <h2><b>{{ place.name }}</b></h2>
                        <p>Company description</p>
                        <p><i class="icon icon-map-marker"></i> {{ place.formattedAddress }} </p>
                    </div>
                    <div class="modal-footer" style="text-align: left">
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                                <span class="sr-only">Pros:</span>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4"><b>05 KM</b><br/><small>Distance</small></div>
                            <div class="col-md-4"><b>4</b><br/><small>Rating</small></div>
                            <div class="col-md-4"><b>28</b><br/><small>Reviews</small></div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>

{{place.name}
公司名称

{{place.formattedAddress}

赞成的意见：
05公里
距离
4
评级
28
评论

给你

HTML

---

jsfiddle:

我认为应该在缩略图中调整类。模态页脚可能不应该在那里。请看我的回答：

<div class="row">
  <div class="col-lg-12 gallery">
    <img src="http://placekitten.com/200/300" />
    <img src="http://placekitten.com/200/300" />
    <img src="http://placekitten.com/200/300" />
    <img src="http://placekitten.com/200/300" />
    <img src="http://placekitten.com/200/300" />
    <img src="http://placekitten.com/200/300" />
    <img src="http://placekitten.com/200/300" />
    <img src="http://placekitten.com/200/300" />
    <img src="http://placekitten.com/200/300" />
    <img src="http://placekitten.com/200/300" />
    <img src="http://placekitten.com/200/300" />
    <img src="http://placekitten.com/200/300" />
  </div>
</div>

.gallery img {
  padding: 10px;
}