Twitter bootstrap 引导加起来超过12

我必须将数据库中的数据拉入列中，但总列数总计超过12列。这些柱子有不同的高度。这弄乱了电网。有人知道如何解决这个问题吗

<div class="container">
  <div class="row">   
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
  </div>
 </div>

选项1是将标准高度添加到您的所有位置。因此可以创建一个类，如.div-200px

换成

编辑您的CSS：

 .div-200px {
     height: 200px; 
}

选项2是创建一个foreach循环，并为每4个产品添加一个新的foreach循环

<div class="container">
    <?php $count = 0;
    foreach($data as $item){
        if(is_int($count/4)){ ?>
            <div class="row">
        <?php } ?>
            <div class="col-md-3"> <?=$item?> </div>
        if($count>0 AND is_int($count/4)){ ?>
            </div>
        <?php } 
        $count++;
    } ?>
</div>

---

这不是最漂亮的事情，但应该行得通

我认为你根本不应该用引导网格系统来解决这个问题。只需使用tag，就不用关心很多列了。响应性不应受到影响

CSS还有另一个选项，在col-md-3 div中添加一个item类，并使用以下CSS：

.item:nth-child(4n+1){
    clear:left
}

---

你的程序是用什么语言写的？PHP？是的，PHP。实际上，我正在研究Wordpress的主题，但基本上是一样的。这取决于内容。表格可能有也可能没有OP正在寻找的样式。这是一个很好的建议，虽然它不一定是这个问题的答案。谢谢，我希望CSS技巧不涉及固定高度。第一个选项不适用于高度未知的用例。谢谢，效果非常好。