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

Question

对不起，如果我是这个Web编程的新手，为什么我的产品显示将不会显示在旁边，而总是显示在底部，我已经使用col-md-3使产品显示有所不同，但是产品显示在底部

here the picture

这是我的代码：

  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循环。