php – laravel – 刀片模板布局结构为每4个跨度添加行液

发布时间：2020-12-14 19:36:45 所属栏目：大数据来源：网络整理

导读：我有这个刀片模板 div class="row-fluid" @foreach($courses as $course) div class="span3 learn" Content /div @endforeach 产量 div class="row-fluid" div class="span3 learn" Content /div div class="span3 learn" Content /div div class="span3 lea

我有这个刀片模板

<div class="row-fluid">
 @foreach($courses as $course) 
 <div class="span3 learn">
   Content
 </div>
 @endforeach

产量

<div class="row-fluid">

   <div class="span3 learn">
     Content
    </div>
   <div class="span3 learn">
     Content
   </div>
   <div class="span3 learn">
     Content
   </div>
   <div class="span3 learn">
     Content
  </div>

   <!-- this span should be in a spearted row-fluid div -->
  <div class="span3 learn">
     Content
  </div>

</div>

这段代码添加了一个span3大小的块我使用Twitter bootstrap reponsive
我需要在行 – 流体div中为每4个跨度添加行液

我希望输出像这样

<div class="row-fluid">
    <div class="span3 learn"> Content </div>
    <div class="span3 learn"> Content </div>
    <div class="span3 learn"> Content </div>
    <div class="span3 learb"> Content </div>
 </div>

<div class="row-fluid">
    <div class="span3 learn"> Content </div>
    <div class="span3 learn"> Content </div>
    <div class="span3 learn"> Content </div>
    <div class="span3 learn"> Content </div>
 </div>

我不知道如何在laravel @foreach中实现这一目标

提前致谢

解决方法

您可以在$courses-> all()上使用array_chunk将其拆分为4个组,并创建嵌套的@foreach.像这样的东西：

@foreach (array_chunk($courses->all(),4) as $courseRow)
    <div class="row-fluid">
        @foreach ($courseRow as $course)
            <div class="span3 learn">...</div>
        @endforeach
    </div>
@endforeach

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!