PHP循环在Bootstrap中输出图像库，每行四个缩略图

Question

好的，所以我一直在努力寻找这个问题的明确答案，但没有找到——所以请不要将其标记为重复，因为这里的答案都不适合我。

我有一组简单的图像和存储在数据库表中的位置。我想用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语句应该放在那里？

请有人帮忙。正如我所说，我现在真的已经到了山穷水尽的地步。

Answer 1

编辑答案：

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

输出：

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