[L5] Bootstrap row class for every 3 columns

How I can generate in blade to add row for each 3 articles?

The same as for Laravel Series index page.

Example --> https://laracasts.com/series

<div class="row course-set courses__row">
    <article class="col-md-4 course-block course-block-lessons">
        {{ Blade Content }}
    </article>
    <article class="col-md-4 course-block course-block-lessons">
        {{ Blade Content }}
    </article>
    <article class="col-md-4 course-block course-block-lessons">
        {{ Blade Content }}
    </article>
</div>

<div class="row course-set courses__row">
    <article class="col-md-4 course-block course-block-lessons">
        {{ Blade Content }}
    </article>
    <article class="col-md-4 course-block course-block-lessons">
        {{ Blade Content }}
    </article>
    <article class="col-md-4 course-block course-block-lessons">
        {{ Blade Content }}
    </article>
</div>

Console

11 years ago

Best Answer

Level 1

@foreach($collection->chunk(3) as $items)
<div class="row course-set courses__row">
    @foreach($items as $item)
        <article class="col-md-4 course-block course-block-lessons">
            {{ Blade Content }}
        </article>
    @endforeach
</div>
@endforeach

15 likes

roulendz

11 years ago

Level 6

@Console Thanks, works like a charm :)

Please or to participate in this conversation.