交友树，添加休息

Question

我有一个交友树，像这样。

但我需要将多张照片列表分解为一组four 就像

<li>
    <div class="image">
        <img src="{{$node->picture}}" class="img-rounded"><br>
        <p>{{$node->name}}</p>
    </div>
    @if($node->children()->count() > 0)
        <ul>
            @foreach($node->children as $personal)
                @include('personal.display', ['node' => $personal])
            @endforeach
        </ul>
    @endif
</li> 

我从codepen io Pestov pen BLpgm 使用了这个CSS 并且树实现使用Github etrepat baum

Answer 1

最好的方法是使用take() 方法：

@foreach($node->children->take(4) as $personal)

另一种方法是使用the loop variable：

@foreach($node->children as $personal)
    @if ($loop->iteration <= 4)
        @include('personal.display', ['node' => $personal])
    @endif
@endforeach