Php 显示从数据库到引导转盘的多个图像

我在数据库中有很多图像，我想用php在引导旋转木马中显示它

[问题] 我是php新手，所以我撞到了墙。让我用代码解释一下

<div class="carousel-inner">
  <div class="item active">
    <div class="row">
      <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
      <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
      <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
      <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
    </div><!--.row-->
  </div><!--.item-->  

  <?php
  $pdo = connect();
  // display the list of all members in table view
  $sql = "SELECT * FROM filmovi";
  $query = $pdo->prepare($sql);
  $query->execute();
  $list = $query->fetchAll();
  ?> 

  <div class="item">
    <div class="row">
      <?php foreach($list as $rs) { ?>    
        <div class="col-md-3"><a href="#" class="thumbnail"><img src="assets/img/movies/<?php echo $rs['slika'] ?>" alt="Image" style="max-width:100%;"></a></div>
      <?php } ?>
    </div><!--.row-->
  </div><!--.item-->
</div>

正如您所看到的，carousel一次显示4个图像，再显示4个图像，以此类推。在一个foreach循环中，我一次获得所有的图像，活动项为空

我需要从DB到转盘获取4×4的图像，但不知道该走哪条路。

您需要指定一个计数器，在每4次迭代后进行检查，以创建新的。。。元素

---

如果您在实现代码时遇到问题，或者您不了解我在这里所做的工作，请不要犹豫。Sry但我在实现代码时遇到问题，现在真的不知道该把什么放在哪里。感谢您的帮助将我的代码而不是您的代码，以开始和结束，并替换我的“。。。你的代码输出的图像…“它的一部分工作，当我刷新页面，第一次显示所有的图片后，一个4乘4，但所有的时间，所有的图像显示。你能粘贴你的整个代码到JSFIDLE，这样我就可以看到你做了什么。

<?php 
$counter = 0; //Set the counter to zero
  foreach ($list as $single_list){
    if($counter % 4 == 0) { // On every fourth iteration create a new item and row DIV
      echo '<div class="item"><div class="row">';
    }

      ... your code to output the images ...

    if($counter % 4 == 0) {
      echo '</div></div>'; // Close the row and item DIV
    }
$counter++;
}