首页 > 解决方案 > bootstrap col位置不会显示在旁边,总是显示到底部

问题描述

抱歉,如果我是这个网络编程的新手,为什么我的产品显示不会显示在旁边,并且总是显示到底部,我已经使用 col-md-3 使产品侧向显示,但产品显示在底部。

这里的图片

这是我的代码:

  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>

标签: phphtmlcsstwitter-bootstrapimage

解决方案


您的 while 循环的每次迭代都会开始一个新行。将您的 while 循环放在其中。


推荐阅读