如何正确循环网格？

Question

我目前正在制作照片库索引。

我怎样才能让我的循环迭代所有4列，然后继续创建一个新的行？

这是我的代码：

col-md-3

现在你可以想象，它会像这样：

替代解决方案：

在<div class="col-md-3" style="margin-top: 20px;"> </div> 属性后添加margin-top，如下所示：

before_action

Answer 1

$collectionOne = $photoGalleries->chunk(4);


@foreach($collectionOne as $collectionTwo) 
    <div class "row" >
        @foreach($collectionTwo as $photoGallery) 
            <div class="col-md-3">
                <a href="">...... </a>
            </div>
        @endforeah
    </div>
@endforeach