bootstrap col位置不会显示在旁边，总是显示在底部

Question

很抱歉，如果我是这个web编程的新手，为什么我的产品显示不会显示在旁边，而总是显示在底部，我已经使用col-md-3使prodcut显示在侧面，但产品显示在底部。

这是图片

这是我的代码：

if($result):
if(mysqli_num_rows($result)>0):
while($product = mysqli_fetch_assoc($result)):
?>
<div class="row">
<div class="col-md-3 col-sm-4">
<div class="product">
<figure>
<img src=gambar/<?php echo $product['image']; ?> class="img-fluid"/> </figure>
<p class="text-info text-center"><?php echo $product['namaFran']; ?> </p>
<p class="text-center"><?php echo $product['deskripsi']; ?> </p><br>
</div>
</div>
</div>

Answer 1

while循环的每个迭代都开始一个新行。将while循环放入其中。