在twitter引导程序上使用foreach每行显示四个结果


Display four results per row with foreach on twitter bootstrap

我正在使用twitter引导程序框架,需要显示带有foreach控件结构的长结果集。

为了获得空间,我想每个"引导行"显示4个结果,如下所示:

<div class="row">
    <div class="col-md-3">
        1 table row
    </div>
    <div class="col-md-3">
        1 table row
    </div>
    <div class="col-md-3">
        1 table row
    </div>
    <div class="col-md-3">
        1 table row
    </div>
</div>
<div class="row">
    <div class="col-md-3">
        1 table row
    </div>
    <div class="col-md-3">
        1 table row
    </div>
    <div class="col-md-3">
        1 table row
    </div>
    <div class="col-md-3">
        1 table row
    </div>
</div>
//...more bs rows

我应该如何构建phpforeach结构来呈现上面的html

感谢

我认为您甚至不必手动启动新行。如果你只是在一个"行"中用类"col-md-3"来呼应你的所有元素,它应该在4之后自动中断,对于响应型网站来说,它甚至更灵活。

像这样:

<div class="row">
    <div class="col-md-3">
        1 table row
    </div>
    <div class="col-md-3">
        1 table row
    </div>
    <div class="col-md-3">
        1 table row
    </div>
    <div class="col-md-3">
        1 table row
    </div>
    <div class="col-md-3">
        1 table row
    </div>
    <div class="col-md-3">
        1 table row
    </div>
    <div class="col-md-3">
        1 table row
    </div>
    <div class="col-md-3">
        1 table row
    </div>
</div>