【问题标题】:foreach - proper row and col to display dataforeach - 显示数据的正确行和列
【发布时间】:2016-10-20 07:26:20
【问题描述】:

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

可以通过以下代码完成。

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

谁能给我一个想法,我将如何做到这一点?

【问题讨论】:

    标签: javascript foreach row bootstrapping col


    【解决方案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 ?>
    

    【讨论】:

      猜你喜欢
      • 2021-12-07
      • 2020-12-11
      • 2019-06-26
      • 1970-01-01
      • 2012-02-12
      • 1970-01-01
      • 1970-01-01
      • 2012-06-26
      • 1970-01-01
      相关资源
      最近更新 更多