使用引导程序在同一行中显示 3 篇文章

Question

我使用 php 和 mysqli 数据库，我知道如何提取信息，但它总是把文章放在另一个下面：

第一条

第二条

第三条

第1条、第2条、第3条

<section class="politique container">
<?php
$query="SELECT*FROM projekt WHERE arhiva=0 AND kategorija='politique' LIMIT 3";
$result=mysqli_query($dbo, $query);
while($row=mysqli_fetch_array($result))
{

echo'<article>';
echo '<div class="container">';
echo '<div class="row padding>';
echo'<div class="col-md-12 ">';
echo '<div class="card col-md-4">';
echo '<img  class="card-img-top" src="' . UPLPATH . $row['slika'] . '">';
echo '<div class="card-body">';
echo '<h6 class="card-title">';
echo $row['naslov'];
echo '</h6>';
echo '</div>';
echo'<div class="ispod">';
echo $row['datum']; 
echo '</div>'; 
echo '</div>';
echo '</div>';
echo '</div>';                 
echo '</div>';
echo'</article>';
}?>
</section>

我在条件中每行只包含 3 篇文章，但不知何故，它可能每次都进入新容器，以便文章一个接一个地。

Answer 1

移动while循环，使其发生在行元素内。

<section class="politique container">
<?php
$query="SELECT*FROM projekt WHERE arhiva=0 AND kategorija='politique' LIMIT 3";
$result=mysqli_query($dbo, $query);


echo'<article>';
echo '<div class="container">';
echo '<div class="row padding>';
while($row=mysqli_fetch_array($result)) {
echo '<div class="card col-md-4">';
echo '<img  class="card-img-top" src="' . UPLPATH . $row['slika'] . '">';
echo '<div class="card-body">';
echo '<h6 class="card-title">';
echo $row['naslov'];
echo '</h6>';
echo '</div>';
echo'<div class="ispod">';
echo $row['datum']; 
echo '</div>'; 
echo '</div>';
}
echo '</div>';                 
echo '</div>';
echo'</article>';
?>
</section>

此外，正如对您的问题的评论中所述，有一种更干净的方法可以在代码中混合 php 和 html;

<?php
$query="SELECT*FROM projekt WHERE arhiva=0 AND kategorija='politique' LIMIT 3";
$result=mysqli_query($dbo, $query);
?>
<section class="politique container">
<article>
<div class="container">
<div class="row padding">
<?php while ($row = mysqli_fetch_array($result)) { ?>
<div class="card col-md-4">
<img class="card-img-top" src="<?php echo UPLPATH.$row['slika'] ?>">
<div class="card-body">
<h6 class="card-title"><?php echo $row['naslov']; ?></h6>
</div>
<div class="ispod">
<?php echo $row['datum']; ?>
</div>
</div>
<?php } ?>
</div>
</div>
</article>
</section>