使用div和bootstrap在php中分页

我正在尝试使用

PHP

和

Twitter引导实现一个简单的分页，但是遇到了问题

一切似乎都正常唯一的问题是我的div四处浮动，在页面中留下一些空白，如下图所示：


下面是我的代码：

<?php foreach($tester as $data): ?>
<div class="col-sm-2">
  <img src="" width="150" height="150"/>
  <br>
  <span><?php echo $data['Description'];?></span><br>
  <span><?php echo $data['Unit_Price'];?></span><br>
  <span>In Stock:<?php echo $data['Qty'];?></span><br>
  <span>Arriving Soon:<?php echo $data['In_Transit'];?></span><br>
  <span>Show All Products In:<?php echo $data['P_Class_Name'];?></span>
  </div>
<?php endforeach;?>








库存：

即将到达：

在以下位置显示所有产品：
将
class=“clearfix”
div放置在每6个元素之后，以创建非浮动敏感换行符

<?php $i=0; foreach($tester as $data): $i++; ?>
<div class="col-sm-2">
  <img src="" width="150" height="150"/>
  <br>
  <span><?php echo $data['Description'];?></span><br>
  <span><?php echo $data['Unit_Price'];?></span><br>
  <span>In Stock:<?php echo $data['Qty'];?></span><br>
  <span>Arriving Soon:<?php echo $data['In_Transit'];?></span><br>
  <span>Show All Products In:<?php echo $data['P_Class_Name'];?></span>
  </div>
  <?php if ($i % 6 == 0) { ?><div class="clearfix"><?php } ?>
<?php endforeach;?>








库存：

即将到达：

在以下位置显示所有产品：

但是，如果您需要为不同视点大小的每行显示不同数量的元素，则不应使用此解决方案。
是否将其包装在
行中？