砌体布局与foreach？

Question

我正在Laravel中创建一个视图，并且已将页面上的所有帖子粘贴到确定的布局上。该代码有效，但我想使用砌体样式布局。我该怎么办？

@foreach($posts as $post)
    <div class="col-lg-12">
        <!-- Post-->
        <article class="post">
            <div class="post-background" data-background="{{ Storage::disk('public')->url('post/'.$post->image) }}">
                <div class="post-header">
                    <h2 class="post-title"><a href="blog-single.html">{{ $post->title }}</a></h2>
                    <ul class="post-meta h5">
                        <li>November 18, 2016</li>
                        <li><a href="#">Branding</a>, <a href="#">Design</a></li>
                        <li><a href="#">3 Comments</a></li>
                    </ul>
                </div>
                <a class="post-background-link" href="blog-single.html"></a>
            </div>
        </article>
        <!-- Post end-->
    </div>
@endforeach
<div class="col-lg-6">
    <!-- Post-->
    <article class="post">
        <div class="post-background" data-background="assets/images/blog/14.jpg">
            <div class="post-header">
                <h2 class="post-title"><a href="blog-single.html">Bluetooth Speaker</a></h2>
                <ul class="post-meta h5">
                    <li>November 18, 2016</li>
                    <li><a href="#">Branding</a>, <a href="#">Design</a></li>
                    <li><a href="#">3 Comments</a></li>
                </ul>
            </div>
            <a class="post-background-link" href="blog-single.html"></a>
        </div>
    </article>
    <!-- Post end-->
</div>