laravel - 刀片模板布局结构为每 4 个跨度添加行流体
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/17011497/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
laravel - blade templates layout structure add row-fluid for each 4 spans
提问by rmobis
I have this blade template
我有这个刀片模板
<div class="row-fluid">
@foreach($courses as $course)
<div class="span3 learn">
Content
</div>
@endforeach
Output
输出
<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>
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
这段代码添加了一块 span3 大小我使用 Twitter 引导响应我需要为 row-fluid div 中的每 4 个 span 添加 row-fluid
I want the output to be like this
我希望输出是这样的
<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>
I don't know how to achieve this in laravel @foreach
我不知道如何在 laravel @foreach 中实现这一点
Thanks in Advance
提前致谢
回答by rmobis
You could use array_chunkon $courses->all()to split it in groups of 4, and make a nested @foreach. Something like this:
您可以使用array_chunkon$courses->all()将其分成 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
