Php Bootstrap如何使用列进行foreach

我有一个foreach，我想放置4列，然后在新行中打断并重新开始，但由于某种原因，我得到了列号5（test2），如下图所示：

应该是这样的：

以下是生成该代码的代码：

<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
              <div class="panel-heading">
                  Secciones
              </div>
              <div class="panel-body">
                   <div class="row">
                      @foreach ($boards as $board)
                          <div class="col-md-3">
                              <h3>{{$board->boaName}}</h3>
                              @foreach ($subboards as $subboard)
                                  @if($subboard->boaId == $board->id)
                                    <ul>
                                        <li><a href="">{{$subboard->subboaName}}</a></li>
                                    </ul>
                                  @endif
                              @endforeach
                          </div>
                      @endforeach
                  </div>
              </div>
          </div>
        </div>
    </div>
</div><!--End container-->

塞奇奥尼斯
@foreach（$board作为$board）
{{$board->boaName}
@foreach（$subboard作为$subboard）
@如果（$subboard->boaId==$board->id）



@恩迪夫
@endforeach
@endforeach

尝试将

foreach

循环移动到

外部？如果这不起作用，您认为您可以在JSFIDLE示例中对此进行模拟吗

您需要在4次迭代后进行测试，才能再次关闭和打开行div。

如果您知道需要多少列，您可以执行以下操作（我已将每个列的内部内容添加到示例中-我还保留了计数器，以便您可以看到测试的增量）：

$i=1；
foreach（$board作为$board）{
如果（$i==1 | |$i==5 | |$i==9）{
回声“；
回显“$i++.”；
}
elseif（$i%4==0）{
回显“$i++.”；
回声“；
}否则{
回显“$i++.”；
}
}

这里发生的事情是，如果列计数是第4次迭代，那么它应该回显一个开头

，以及一个列。如果当前列可被4整除，则它应回显一个带有额外结尾的列

（以关闭

行
类）

如果当前计数既不是上述两项，则它只是回显一列

当然，如果潜在列的数量未知，您可以修改上面的内容。
我知道，但是bootstrap应该推cols，网格系统解释说，它这样做是错误的，但我不想这样做，没有任何变量或计数器。我知道我可以这样做，但我只是想知道为什么bootstrap对我不起作用，他应该把cols:S.@反社会者哦，对不起，我还以为你也需要一个解决方案。我看到我的项目也出现了这种情况，应该直接转到下一行的专栏似乎与上面的一行底部紧密对齐。我认为这与行对齐子列的方式有关。我不确定我担心的确切原因：-（…您也可以
clear:left
第五列
$i = 1;
foreach($boards as $board) {
    if($i == 1 || $i == 5 || $i == 9) {
        echo "<div class='row'>";
        echo "<div class='col-md-3'>" . $i++ . "</div>";
    }
    elseif($i%4 == 0) {
        echo "<div class='col-md-3'>" . $i++ . "</div>";
        echo "</div>";
    } else {
        echo "<div class='col-md-3'>" . $i++ . "</div>";
    }
}