如何创建一个自动发布到 Bootstrap 网格的 PHP 循环？答案

【问题标题】：How do I create a PHP loop which automatically posts into a Bootstrap grid?如何创建一个自动发布到 Bootstrap 网格的 PHP 循环？
【发布时间】：2021-05-07 05:32:51
【问题描述】：

我现在正在开发一个网站，该网站是学校项目的一部分。

以下 PHP 代码需要自动循环并发布到 Bootstrap col-md-4 网格中，直到没有更多内容为止。我怎么做？我不知道从哪里开始。

<?php
while ($record = mysqli_fetch_assoc($result))
{
  echo '<hr>';
  echo '<h2>' . $record['navn'] . '</h2>';
  echo '<img class="w-100" src="' . $record['url'] . '"/>';
  echo '<pre>';
  echo '<p>' . $record['ingrediens'] . '</p>';
  echo '</pre>';
  echo '<p>' . $record['fremgang'] . '</p>';
}
?>

【问题讨论】：

只是复制你刚刚在上面所做的，从引导程序中挤入一些带有列类的 div 标签，列的流程将自行处理
感谢您的回答，但我需要动态网格 - 我只想为 1 行编写代码，而它必须使用数据库中的新内容复制自身，一个循环

标签： php mysql bootstrap-4 bootstrap-5

【解决方案1】：

只需将你的循环包裹在网格中

<?php
echo '<div class="col-md-4">';
while ($record = mysqli_fetch_assoc($result))
{
  echo '<hr>';
  echo '<h2>' . $record['navn'] . '</h2>';
  echo '<img class="w-100" src="' . $record['url'] . '"/>';
  echo '<pre>';
  echo '<p>' . $record['ingrediens'] . '</p>';
  echo '</pre>';
  echo '<p>' . $record['fremgang'] . '</p>';
}
echo '</div>'
?>

您还可以通过将 that 包装在 if (rowcount) 类型的检查中来仅在有记录时显示它。

【讨论】：

感谢您的回答 - 但是，我似乎没有工作。它在第一个“内容框”下方垂直打印内容，而应该将其水平发布到 boostrap 网格。有什么解决办法吗？
这听起来像是放置问题或进一步的格式问题。尝试将代码块移动到它“应该”在代码中的位置。我无法“猜测”您的代码并根据提供的信息给出准确的位置。

【解决方案2】：

更新：

我创建了这个循环，但是只有网格中的第一个项目正确显示，其余的（图像）正在通过网格扩展。任何想法这可能是什么？

    <?php

echo '<div class="row">';
$counter=0;
while ($record = mysqli_fetch_assoc($result)){
    echo '<div class="col-sm">';

    echo '<hr>';
    echo '<h2>' . $record['navn'] . '</h2>';
    echo '<img class="w-100" src="' . $record['url'] . '"/>';
    echo '<pre>';
    echo '<p>' . $record['ingrediens'] . '</p>';
    echo '</pre>';
    echo '<p>' . $record['fremgang'] . '</p>';

    echo "</div>";


    $counter++;
    //Antal kolonner
    if($counter=="3"){
        $counter=0;
        echo '<div class="w-100"></div>';
    }
}
echo"</div>";

?>

【讨论】：