首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >循环中每个项目的不同类别(Laravel)

循环中每个项目的不同类别(Laravel)
EN

Stack Overflow用户
提问于 2014-12-26 09:15:27
回答 3查看 2.2K关注 0票数 0

目前我有

代码语言:javascript
运行
复制
@foreach (array_chunk($posts->all(), 3) as $row)
    <div class="row">
        @foreach ($row as $post)  
            <div class="col-md-4">
                <h1>$post->title</h1>
                <p>
                    {{ Str::limit($post->body, 50, link_to_route('posts.show', ' ...', $post->id)) }}
                </p>
            </div>  
        @endforeach
    </div>
    <div class="clearfix"></div>
@endforeach

现在每个项目都有col-md-4,但我想做的是如下所示

代码语言:javascript
运行
复制
@foreach (array_chunk($posts->all(), 3) as $row)
    @for ($i = 0; $i < count($row); $i++)
        <div class="row">
            <div class="col-md-4">
                <h1>{{ $row[$i]->title }}</h1>
                <p>
                    {{ Str::limit($row[$i]->body, 50, link_to_route('posts.show', ' .....', $row[$i]->id)) }}
                </p>
            </div>
            <div class="col-md-3">
                <h1>{{ $row[$i]->title }}</h1>
                <p>
                    {{ Str::limit($row[$i]->body, 50, link_to_route('posts.show', ' .....', $row[$i]->id)) }}
                </p>
            </div>
            <div class="col-md-5">
                <h1>{{ $row[$i]->title }}</h1>
                <p>
                    {{ Str::limit($row[$i]->body, 50, link_to_route('posts.show', ' .....', $row[$i]->id)) }}
                </p>
            </div>
        </div>
        <div class="clearfix"></div>
    @endfor
@endforeach

现在每个项目都有我想要的类,但不幸的是,每一项都会重复3次。

,是为了达到上述目的而不被重复。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-12-26 09:35:57

所以,您总是希望行在3列中,按照这个顺序排列md-4md-3md-5列的宽度?

代码语言:javascript
运行
复制
@foreach (array_chunk($posts->all(), 3) as $row)
    <div class="row">
        <?php $i = 0; ?>
        @foreach ($row as $post)  
            <?php if ($i===0) echo '<div class="col-md-4">'; ?>
            <?php if ($i===1) echo '<div class="col-md-3">'; ?>
            <?php if ($i===2) echo '<div class="col-md-5">'; ?>
                <h1>$post->title</h1>
                <p>
                    {{ Str::limit($post->body, 50,
                    link_to_route('posts.show', ' ...', $post->id))
                    }}
                </p>
            </div>  
            <php $i++;?>
        @endforeach
    </div>
    <div class="clearfix"></div>
@endforeach
票数 1
EN

Stack Overflow用户

发布于 2014-12-26 09:23:51

以当前代码为例,向行<div class="col-md-4">添加一个条件,并根据文章的数量向div添加不同的类。你需要榜样吗?

票数 0
EN

Stack Overflow用户

发布于 2014-12-26 09:30:34

在超过3个帖子的情况下,您想要这个特定的命令:

代码语言:javascript
运行
复制
@foreach (array_chunk($posts->all(), 3) as $row)
    <div class="row">
        @foreach ($row as $post)  
            @if (i%3 == 0)
                <div class="col-md-4">
            @elseif (i%3 == 1)
                <div class="col-md-3">
            @elseif (i%3 == 2)
                <div class="col-md-5">
            @endif
                <h1>$post->title</h1>
                <p>
                    {{ Str::limit($post->body, 50, link_to_route('posts.show', '...', $post->id)) }}
                </p>
            </div>  
        @endforeach
    </div>
    <div class="clearfix"></div>
@endforeach
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27655108

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档