Laravel：刀片前循环引导柱

php loops foreach laravel laravel-5.3

2022-08-30 22:41:01

我有一个foreach循环，里面包含带有引导列的html。

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

但是，bootstrap 在创建列之前需要行 div，将该列直接放入 foreach 循环将为每个 col-md-6 创建一个行 div。我想知道如何放入行div，跳过下一个循环，只抛入结束的div标签。然后重复这个过程。

循环 4 次的示例输出：

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

答案 1

作为Alexey Mezenin答案的替代方案，你可以改用。http://php.net/manual/en/function.array-chunk.phparray_chunk

@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$address->chunk(2)array_chunk($address, 2)

如果要更改列的数量，则只需将更改为所需的列数。2

答案 2

可以在边栏选项卡模板中使用 Laravel 块。

@foreach($products->chunk(3) as $items)
<div class="row">
   @foreach($items as $item)
   <div class="col-md-4 portfolio-item">
      <a href="#">
      <img class="img-responsive" src="{{ 'uploads/'.$item->product_image_url }}" alt="">
      </a>
      <h3>
         <a href="/view-product-details/{{ $item->id }}">{{ $item->product_name }}</a>
      </h3>
      <p>{{ str_limit($item->product_description, 121) }}</p>
   </div>
   @endforeach
</div>
@endforeach

从博客文章中复制。