-1

レスポンシブ グリッドに画像のリストを表示しようとしています。angular と bootstrap を使用しており、画像は 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 に答える