2017-01-14 16 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にマッピングする責任しか負いません。

  • 11. Laravel 5.2まあまあのforeachループ
  • 12. 配列空のブレードlaravel
  • 13. ブレードの構文エラーLaravel 5.3
  • 14. Laravelブレードのカスタムディレクティブwith includes partial
  • 15. laravelの関係とブレード
  • 16. foreachループ内のPHP foreachループ?
  • 17. 私は、ブレードビューで@foreachでこのエラーを抱えているlaravelブレードで
  • 18. 解析配列laravelブレード
  • 19. laravelのブレードのネストされた関係
  • 20. Laravelクエリのforeach()
  • 21. Laravel - ネストされたブレードのエコー
  • 22. アラビア語、laravelブレードのペルシア文字エンコード
  • 23. Laravelブレード+ vueレンダリングajaxデータのカップル?
  • 24. Laravel - ブレード内の数学計算
  • 25. Laravel /ブレード:私は、次のループを持つビューを持っている
  • 26. laravelブレードのループごとに不正なオフセット文字列があります
  • 27. foreachループ
  • 28. foreachループ
  • 29. foreachループ
  • 30. foreachループのブートストラップカルーセル