ブートストラップ行に空の列を入力してください

レスキューグリッドにイメージのリストを表示しようとしています。私は角度とブートストラップを使用しており、画像は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は空のまま縦画像の左側にあります見ることができるように。これはブートストラップの通常の動作だと思いますが、ブートストラップにそのスペースを埋めるよう指示する方法はありますか？

私はCSS天才ではないので、どんな助けでも大いに感謝します。

あなたは石工のレイアウトをしたいようですね事前に

出典

2016-07-22 Riccardo Trebbi

何を記入しますか？ここで望ましい行動は何ですか？ – Toby

私が正しく理解していれば、あなたはそれらの隙間なしで画像をまとめるようにしようとしています。もしそうなら、このブログの投稿をチェックしてください：https://css-tricks.com/seamless-responsive-photo-grid/ –

-1

、ありがとうございました。私はあなたと角度の1つを使用することをお勧めします。

Therはちょうどグーグル「角度の石積み」です。

出典