laravel-刀片模板布局结构为每个4个跨度添加行流体 [英] laravel - blade templates layout structure add row-fluid for each 4 spans
本文介绍了laravel-刀片模板布局结构为每个4个跨度添加行流体的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有这个刀片模板
<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引导响应式 我需要在行流体div中为每个4个跨度添加行流体
this code adds a block of span3 size I use Twitter bootstrap reponsive I need to add row-fluid for each 4 spans in the row-fluid 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 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中实现
I don't know how to achieve this in laravel @foreach
预先感谢
推荐答案
您可以在$courses->all()
上使用array_chunk
将其分成4组,并嵌套一个@foreach.像这样:
You could use array_chunk
on $courses->all()
to split it in groups of 4, and make a nested @foreach. Something like this:
@foreach (array_chunk($courses->all(), 4) as $courseRow)
<div class="row-fluid">
@foreach ($courseRow as $course)
<div class="span3 learn">...</div>
@endforeach
</div>
@endforeach
这篇关于laravel-刀片模板布局结构为每个4个跨度添加行流体的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文