PHP循环以引导方式输出图像库，每行有四个缩略图

好的，所以我一直在试图找到这个问题的最终答案，但没有找到一个-所以请不要将此标记为重复，因为这里的答案都不适用于我

我有一组简单的图像和存储在数据库表中的位置。我想用PHP输出它们。我知道所有的MYSQL语句等，但是我似乎不能输出一行4个缩略图，关闭该行，然后重新开始。我试过用这个所谓的计数标记，但没有用。恐怕我的代码很小，但我在这里发牢骚

<?php
    $count = 0;
    echo '<div class="row">';
    for($i=0; $i < 4; $i++) {
        echo '<div class="col-md-3 text-center"><img src="https://via.placeholder.com/150" alt=""></div>';
    }
    echo '</div>';
    $count++;
?>

我以占位符为例。有没有人真的解决了这个问题，使它清晰和准确？我不知道应该把count变量放在哪里，或者应该放在哪里的if语句

请有人帮忙。正如我所说的，我现在真的已经筋疲力尽了。

编辑答案：

<?php

$count_items = 12;

$columns = 4;

echo '<div class="row">';
for($i = 0; $i < $count_items; $i++) {
  if($i % $columns === 0 && $i > 0) {
    echo '</div><div class="row">';
  }
  echo '<div class="col-md-3 text-center"><img src="https://via.placeholder.com/150" alt=""></div>';
}
echo '</div>';

---

预期结果是什么？例如，我有12幅图像和它们各自的缩略图。我希望输出是每行4个图像，如果我有12个图像，那么是3行，但在某个点上，我会得到一个奇数，这不重要。我只想使用bootstrap 4.5创建一个简单的库外缩略图，在输出所有图像之前，它不会输出每行4个缩略图的引导行。假设我已经将12个图像位置保存到数据库表中，我希望输出为3行，每行4个缩略图。显然，当图像数量为奇数时，会出现这种情况，但无论有多少图像，循环都需要运行，直到所有图像都已输出。抱歉…请尝试我编辑的答案。我使用了您的示例占位符图像，相信它现在可以满足您的需要。虽然不是很优雅，但我相信这是对的。非常感谢！我非常感激。我并不是想说得粗鲁无礼，你可能知道我已经试了又试，但没有成功，所以我非常感谢你的帮助。
<div class="row">
  <div class="col-md-3 text-center"><img src="https://via.placeholder.com/150" alt=""></div>
  <div class="col-md-3 text-center"><img src="https://via.placeholder.com/150" alt=""></div>
  <div class="col-md-3 text-center"><img src="https://via.placeholder.com/150" alt=""></div>
  <div class="col-md-3 text-center"><img src="https://via.placeholder.com/150" alt=""></div>
</div>
<div class="row">
  <div class="col-md-3 text-center"><img src="https://via.placeholder.com/150" alt=""></div>
  <div class="col-md-3 text-center"><img src="https://via.placeholder.com/150" alt=""></div>
  <div class="col-md-3 text-center"><img src="https://via.placeholder.com/150" alt=""></div>
  <div class="col-md-3 text-center"><img src="https://via.placeholder.com/150" alt=""></div>
</div>
<div class="row">
  <div class="col-md-3 text-center"><img src="https://via.placeholder.com/150" alt=""></div>
  <div class="col-md-3 text-center"><img src="https://via.placeholder.com/150" alt=""></div>
  <div class="col-md-3 text-center"><img src="https://via.placeholder.com/150" alt=""></div>
  <div class="col-md-3 text-center"><img src="https://via.placeholder.com/150" alt=""></div>
</div>