在引导行中填充空列

我试图在响应式网格中显示图像列表。我使用的是角度和引导程序，图像是通过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