如何将卡片组与动态生成的数据一起使用？答案

【问题标题】：How to use card-deck with dynamically generated data?如何将卡片组与动态生成的数据一起使用？
【发布时间】：2020-04-03 01:10:43
【问题描述】：

我想使用卡片组显示数据。所以每三个来自数据库的数据，它就会换行。那么，一行只有3个数据，如何修复呢？

这是我的代码，它显示一行包含数据库中的所有数据以及如何修复它？

<?php for($i=0; $i<count($data); $i++){
    if($i % 3 == 0){?>
<div class="card-deck ml-2 mr-2 mb-3">
  <?php $no=1; foreach ($data as $d ){?>
  <div class="card border-dark">
    <img class="card-img-top" src="<?php echo base_url('assets/koceng.jpeg')?>" alt="Card image cap">
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text"><?php echo $no++ ?>
          <?php echo $d->nim ?>
          <?php echo $d->nama ?>
          <?php echo $d->kelas ?>
          <?php echo $d->nama_jurusan ?>
          <?php echo $d->fakultas ?></p>
      <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
    </div>
  </div>
    <?php }?>
</div>
    <?php }}?>

谢谢。

【问题讨论】：

如何定义新行？你有一个包装元素，你只能把元素放进去吗？此外，嵌套的foreach 毫无意义。您正在尝试迭代与外部 for 循环相同的数据。
请添加更多信息。

标签： php database twitter-bootstrap codeigniter

【解决方案1】：

看看this tutorial。

<?php $i = 0;foreach ($data as $d ){?> <!-- i is for count number of cards -->
<?php if($i%3 == 0){ ?> <!-- printing card-deck per 3 cards -->
<div class="card-deck ml-2 mr-2 mb-3">
<?php } ?>
  <div class="card border-dark">
    <img class="card-img-top" src="<?php echo base_url('assets/koceng.jpeg')?>" alt="Card image cap">
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text"><?php echo $no++ ?> <!-- i don't know why $no is used for -->
          <?php echo $d->nim ?>
          <?php echo $d->nama ?>
          <?php echo $d->kelas ?>
          <?php echo $d->nama_jurusan ?>
          <?php echo $d->fakultas; $i++;?></p> <!-- increment i by one per card -->
      <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
    </div>
  </div>
<?php if($i%3 == 0){ ?>
</div>
<?php } } ?>

【讨论】：