如何正確遍歷網格？

Question

我目前正在處理圖庫索引。

我如何才能使我的循環迭代所有4列，然后繼續制作新行？

這是我的代碼：

<div class="row">

    @foreach($photoGalleries as $photoGallery)

        <div class="col-md-3">
            <a href="{{ url('/photogalleries/' . $photoGallery->id) }}">
                <img class="img-fluid" style="height: 200px; width: 200px;" src="/images/{{ $photoGallery->cover_image }}">
            </a>
            <h3>{{ $photoGallery->name }}</h3>
        </div>

    @endforeach 

</div>

現在，您可以想象，它看起來像這樣：

替代解決方案：

在col-md-3屬性之后添加margin-top，如下所示：

<div class="col-md-3" style="margin-top: 20px;">
</div>

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