PHP将循环拆分为3列以避免分页

时间:2014-04-06 17:53:46

标签: php twitter-bootstrap loops while-loop

我正在使用PHP while循环来从数据库中获取审阅数据。但是,当评论长于1行时,会破坏网格系统(我使用的是Bootstrap 3),然后页面看起来很乱。我想到了两个解决方案,一个更多按钮,并显示所有框的固定高度。或者,将从数据库接收的数据拆分为3列,这样就不会破坏页面。

最好我想从循环中分割数据,以便将数据显示在3列中。 Image of the problem

这是获取数据的while循环:

        <?php 
      while($row = mysqli_fetch_array($result)) {
        $data = mysqli_fetch_array(mysqli_query($con, "SELECT first_name, last_name FROM transactions WHERE order_id = '{$row['order_id']}'"));
        $name = $data['first_name']. ' '. mb_substr($data['last_name'], 0, 1);
        if($row['rating'] == 5) $star = '<span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span>'; 
        if($row['rating'] == 4) $star = '<span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span>'; 
        if($row['rating'] == 3) $star = '<span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span>'; 
        if($row['rating'] == 2) $star = '<span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span>'; 
        if($row['rating'] == 1) $star = '<span class="glyphicon glyphicon-star review_star"></span>'; 
      ?>
      <div class="col-md-4">
        <div id="box_review">
          <h3><?php echo $star; ?></h3>
          <h5 class="thin"><?php echo $row['date'] ?></h5>
          <blockquote>
            <p><?php echo $row['comment'] ?></p>
            <footer><?php echo $name ?></footer>
          </blockquote>
        </div> 
      </div>
    <?php } ?>

0 个答案:

没有答案