動態柱插入與Twitter的引導佈局

Question

我試圖表明，基於在4列這樣一個敏感的結構元素：

+------------------------ row ------------------------+ 

[--col-*-3--] [--col-*-3--] [--col-*-3--] [--col-*-3--] 

+------------------------ row ------------------------+ 

[--col-*-3--] [--col-*-3--] [--col-*-3--] [--col-*-3--] 

所以我繼續重複的項目：

<div class="row"> 
    <?php foreach ($items as $i): ?> 
     <div class="col-lg-3"> 
      <?php echo $i->getName(); ?> 
     </div> 
    <?php endforeach; ?> 
</div> 

的上面的代碼將適用於4項或更少，因爲twitter bootstrap網格系統（我認爲是這樣）基於每行12列。我想避免這種情況：

+------------------------ row ------------------------+ 

[--col-*-3--] [--col-*-3--] [--col-*-3--] [--col-*-3--] 
[--col-*-3--] ... 

+------------------------ row ------------------------+ 

[--col-*-3--] [--col-*-3--] [--col-*-3--] [--col-*-3--] 

所以，有些人可能會說「塊陣列或使用標誌來跟蹤如果行填寫」。但我想在html文件中避免這些操作。我的問題是，我該如何處理這種設計，保持four columns結構沒有破損響應佈局？預先感謝您

Answer 1

我不認爲這會打破你的佈局。 你的解決方案應該工作，我試過類似的東西。 也許是.col-lg打破了小屏幕的解決方案？ 這裏有一個example與.col-xs。 您是否嘗試爲每個屏幕分辨率指定列的寬度？

... 
<div class="col-lg-3 col-md-3 col-xs-3"> 
... 
</div> 
...