Я пытаюсь отобразить список изображений в чувствительной сетке. Я использую угловые и бутстрапы, и изображения динамически загружаются через API flickr. В любом случае это фрагмент кода, где я показываю изображения.Заполните пустые столбцы в строке начальной загрузки
<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>
Как вы можете видеть, там acolumn слева от вертикального изображения, которое остается пустым. Я предполагаю, что это обычное поведение бутстрапа, но есть ли способ сказать бутстрап, чтобы заполнить это пространство?
Как вы, возможно, поняли, я не гений CSS, поэтому любая помощь будет оценена очень много.
Спасибо заранее
заполнить его тем, что? Какое здесь желаемое поведение? – Toby
Если я правильно понимаю, вы пытаетесь сделать изображения подходящими вместе без этих пробелов. Если да, проверьте это сообщение блога: https://css-tricks.com/seamless-responsive-photo-grid/ –