2017-01-14 8 views
6

私はforeachループを持っていて、内部にはブートストラップカラムを持つhtmlが含まれています。Laravel:ブレードforeachループのブートストラップカラム

@foreach($address as $add) 
    <div class="col-md-6"> 
     Some data 
    </div> 
@endforeach 

しかし、ブートストラップは、列を作成直foreachループの各COL-MD-6の行DIVを作成するであろうことを確定する前に行DIVを必要とします。私はどのように私は行のdivにスローすることができます知って、次のループをスキップして閉じているdivタグだけを投げている。そして、そのプロセスを繰り返します。あなたの代わりにarray_chunkを使用することができアレクセイMezeninの答えに代わるものとして

<div class="row"> 
    @foreach($address as $add) 
     <div class="col-md-6"> 
      Some data 
     </div> 
     @if ($loop->iteration % 2 == 0) 
      </div> 
      <div class="row"> 
     @endif 
    @endforeach 
</div> 

答えて

13

<div class="row"> 
    <div class="col-md-6"> 
     Some data 
    </div> 
    <div class="col-md-6"> 
     Some data 
    </div> 
</div> 
<div class="row"> 
    <div class="col-md-6"> 
     Some data 
    </div> 
    <div class="col-md-6"> 
     Some data 
    </div> 
</div> 
+0

これは素晴らしいです!ありがとう –

+0

これは優雅なやり方です。ありがとう。 – ramijames

3

使用the $loop variable:ループ4回

出力例。 http://php.net/manual/en/function.array-chunk.php

@foreach(array_chunk($address, 2) as $chunk) 
    <div class="row"> 
     @foreach($chunk as $add) 
      <div class="col-md-6"> 
       Some data 
      </div> 
     @endforeach 
    </div> 
@endforeach 

私は個人的に上記を少しだけ読みやすくしています。

$addressがコレクションの場合は、array_chunk($address, 2)の代わりに$address->chunk(2)を使用できます。

希望すると便利です。

+0

私のサイト全体が壊れ、[Vue warn]が表示されます。テンプレートは、状態をUIにマッピングする責任しか負いません。