Заполните пустые столбцы в строке начальной загрузки

Question

Я пытаюсь отобразить список изображений в чувствительной сетке. Я использую угловые и бутстрапы, и изображения динамически загружаются через 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> 

This is the result

Как вы можете видеть, там acolumn слева от вертикального изображения, которое остается пустым. Я предполагаю, что это обычное поведение бутстрапа, но есть ли способ сказать бутстрап, чтобы заполнить это пространство?

Как вы, возможно, поняли, я не гений CSS, поэтому любая помощь будет оценена очень много.

Спасибо заранее

Answer 1

Это звучит, как вы хотите, макет кладки. Я предлагаю вам использовать и угловатый.

Ther leenty вне там просто google «угловая кладка».

Answer 2

Я думаю, что вы не создали col div после создания div строк