在twitter上引用每行顯示四行結果bootstrap

Question

我正在使用twitter bootstrap框架，並需要使用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 

我應該如何建立PHP的foreach結構呈現上述HTML？

感謝

Answer 1

我想你甚至不必手動啓動一個新行。如果你只是在一個「行」中用「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>