两列一圈

Question

我有两列有两个循环，但我只需要一个循环并且仍然有两列。当循环计数大于 5 时，创建新列并继续。

这是我的代码：

<div class="row">
    <div class="col-xs-12 col-sm-12 col-lg-6">
        <ul class="list-group">
            @for ($i = 0; $i < 5; $i++)
              //code
            @endfor
        </ul>
    </div>

还有这个

<div class="row">
    <div class="col-xs-12 col-sm-12 col-lg-6">
        <ul class="list-group">
            @for ($i = 5; $i < 10; $i++)
              //code
            @endfor
        </ul>
    </div>

有什么解决办法吗？谢谢你。

Answer 1

在php条件变量中设置列宽值。如果结果小于或等于 5 col-lg-12 否则 col-lg-6 像这样：

<?php
        @for ($i = 0; $i < 5; $i++)
    if($i <= 5){
        $col-lg = "col-lg-12";
    }else{
        $col-lg = "col-lg-6";
    }
?>
    <span class="col-xs-12 col-sm-12 <?php echo $col-lg;?>">
<?php
          //code
        @endfor
?>
    </span>
 //end loop here

Answer 2

也许你需要把你的循环放在一个单独的文件中。 loop.blade.php 你的内容会是这样的。

loop.blade.php

<div class="col-xs-12 col-sm-12 col-lg-6">
    <ul class="list-group">
        @for ($i = 0; $i < 5; $i++)
          //code for $column
        @endfor
    </ul>
</div>

yourfile.blade.php

<div class="row">
    @include('loop', ['column' => $yourFirstColumn])

    ........

还有这个

<div class="row">
    @include('loop', ['column' => $yourSecondColumn])

    ........

两列一圈

Two columns with one loop

php

loops

for-loop

blade

laravel-blade