foreach - 正确的row和col来显示数据

时间:2016-06-18 15:46:43

标签: javascript foreach row bootstrapping col

我正在尝试显示来自db的数据,下面是图像应该如何显示的图像。

enter image description here

可以使用以下代码完成。

  <div class="row>

  </div>
  <div class="row>
       <div class="col-lg-3></div>
       <div class="col-lg-3></div>
       <div class="col-lg-3></div>
       <div class="col-lg-3></div>
  </div>
  <div class="row>
       <div class="col-lg-4></div>
       <div class="col-lg-4></div>
       <div class="col-lg-4></div>
  </div>
  <div class="row>
       <div class="col-lg-6></div>
       <div class="col-lg-6></div>
  </div>

但是我在foreach循环中执行此操作时遇到了困难。

   $stm = $connection->prepare("SELECT * FROM mydb WHERE id = :id"); 
   $stm->bindParam(':id', $id, PDO::PARAM_INT);
   $stm->execute();
   $data = $stm->fetchAll();


          <?php foreach($data as $row) : ?>
                  //waaahhhhhhhh

          <?php endforeach; ?>

有人可以告诉我我该怎么做?

1 个答案:

答案 0 :(得分:1)

这样的事情应该有效:

<?php $index = 0 ?>
<?php foreach($data as $row): ?>
    <div class="row>
      <?php if($index === 0): ?>
        <?= $row['property'] ?>
      <?php elseif($index >= 1 && $index <= 4): ?>
        <div class="col-lg-3>
          <?= $row['property'] ?>
        </div>
      <?php elseif($index >= 5 && $index <= 7): ?>
        <div class="col-lg-4>
          <?= $row['property'] ?>
        </div>
      <?php else: ?>
        <div class="col-lg-6>
          <?= $row['property'] ?>
        </div>
      <?php endif ?>
    </div>
  </div>
<?php $index++ ?>
<?php endforeach ?>