php - Bootstrap 如何使用里面的列进行 foreach

Question

我有一个 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-->

Answer 1

尝试移动 foreach在 <div class="row"> 之外循环？如果这不起作用，您认为您可以在 jsFiddle 示例中对此进行模拟吗？