-1

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

这是结果

如您所见，垂直图像左侧的一列仍为空。我想这是引导程序的正常行为，但是有没有办法告诉引导程序也填充那个空间？

正如您可能已经理解的那样，我不是 CSS 天才，所以任何帮助都将不胜感激。

先感谢您

4

2 回答 2

-1

听起来你想要一个砖石布局。我建议你使用和角度的。

那里有很多只是谷歌“角砖石”。

于 2016-07-22T18:30:03.037 回答
-1

我认为您在制作行的 div 后还没有创建 col div

于 2016-07-22T18:38:00.143 回答