パーソナルツリー、休憩を追加

Question

私はこのようなパーソナルツリーを持っています。

は、しかし、私はGithub etrepat baumを使用して使用されているcodepen io Pestov pen BLpgm や木の実装からこのCSSを使用

<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> 

と同じよう fourのセットにリストの複数の写真を打破する必要があります

Answer 1

それを行うための最善の方法は、take()メソッドを使用することである。それを行うための別の方法はthe loop variableを使用することです

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

を：

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