在引導行中填充空列

我試圖在響應式網格中顯示圖像列表。我使用的是角度和引導程序，圖像是通過flickr API動態加載的。無論如何，這是我顯示圖像的代碼片段。在引導行中填充空列

<div class="row row-content"> 
    <div class="col-xs-12 col-sm-6 col-lg-4" ng-repeat="photo in photos"> 
     <a href="" ng-click="openPhotoGallery(photo)"> 
      <img ng-style="{height: (photo.height_c > photo.width_c) ? '494px' : '237px'}" class="img-responsive thumbnail preview-photos" ng-src="https://farm{{photo.farm}}.staticflickr.com/{{photo.server}}/{{photo.id}}_{{photo.secret}}_z.jpg" alt="{{photo.title}}"> 
     </a> 
    </div> 
</div>

This is the result

正如你可以看到有在後留下的空白垂直圖像左側將aColumn。我想這是bootstrap的正常行爲，但是有沒有辦法告訴bootstrap來填充該空間？你可能已經明白了，我不是一個CSS天才，所以任何幫助都會受到很大的讚賞。

預先感謝您

來源

2016-07-22 Riccardo Trebbi

什麼填充後還沒有建立山坳DIV？這裏期望的行爲是什麼？ – Toby

如果我理解正確，那麼您正在嘗試使圖像合在一起而沒有這些空白。如果是這樣，請查看此博客文章：https：//css-tricks.com/seamless-responsive-photo-grid/ –

-1

這聽起來像你想有一個磚石佈局。我建議你使用和角一個。

這裏只是谷歌「角石工」leenty。

來源

2016-07-22 18:30:03