使用 div 和 bootstrap 在 php 中进行分页答案

【问题标题】：Pagination in php using div and bootstrap使用 div 和 bootstrap 在 php 中进行分页
【发布时间】：2016-04-19 01:58:34
【问题描述】：

我正在尝试使用PHP 和Twitter Bootstrap 实现一个简单的分页，但被卡住了。

一切似乎都很好，唯一的问题是我的 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;?>

【问题讨论】：

你是用.row包装它吗？

标签： php twitter-bootstrap pagination

【解决方案1】：

在每 6 个元素之后放置 class="clearfix" div 以创建非浮点敏感的换行符

<?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;?>

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

【讨论】：