Как использовать колоду карт с динамически генерируемыми данными?

Question

Я хочу для отображения данных использовать карточную колоду. Таким образом, каждые три данных из базы данных, он будет составлять новую строку. Итак, в одной строке только 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 }}?>

Спасибо.

Answer 1

Взгляните на этот урок .

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