在PHP SQL中添加数据库中的产品，并使用引导网格系统进行显示

我试图从SQL数据库中动态添加产品，并在这里使用引导，但它会在下一行显示我的产品，即使我没有使用行，也会显示相同的结果

这是我的代码和输出

include ("connection.php");
$sql = "select * from products";
$result = mysqli_query($con,$sql);
while ($row = $result->fetch_assoc())
{
?>
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="card" style="width: 18rem;">
                    <img src="<?php  echo $row['Pimage'] ?>" class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title"><?php  echo $row['Pname'] ?></h5>
                        <p class="card-text"><?php  echo $row['Pdesc'] ?></p>
                        <P><?php  echo $row['Pprice'] ?>PKR</P>
                        <a href="#" class="btn btn-warning">ADD To Cart</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php
}
?>

include（“connection.php”）；
$sql=“从产品中选择*”；
$result=mysqli\u查询（$con，$sql）；
而（$row=$result->fetch_assoc（））
{
?>
“class=”卡img top“alt=”…”>

 PKR

---

你应该这样做

<div class="container">
<div class="row">
    <?php    
    include ("connection.php");
    $sql = "select * from products";
    $result = mysqli_query($con,$sql);
    while ($row = $result->fetch_assoc()){
    ?>
    <div class="col-lg-3">
        <div class="card" style="width: 18rem;">
            <img src="<?php  echo $row['Pimage'] ?>" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title"><?php  echo $row['Pname'] ?></h5>
                <p class="card-text"><?php  echo $row['Pdesc'] ?></p>
                <P><?php  echo $row['Pprice'] ?>PKR</P>
                <a href="#" class="btn btn-warning">ADD To Cart</a>
            </div>
        </div>
    </div>
    <?php
    }
    ?>
</div>

“class=”卡img top“alt=”…”>

 PKR

---

这样，您将有4列产品

您应该这样做

<div class="container">
<div class="row">
    <?php    
    include ("connection.php");
    $sql = "select * from products";
    $result = mysqli_query($con,$sql);
    while ($row = $result->fetch_assoc()){
    ?>
    <div class="col-lg-3">
        <div class="card" style="width: 18rem;">
            <img src="<?php  echo $row['Pimage'] ?>" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title"><?php  echo $row['Pname'] ?></h5>
                <p class="card-text"><?php  echo $row['Pdesc'] ?></p>
                <P><?php  echo $row['Pprice'] ?>PKR</P>
                <a href="#" class="btn btn-warning">ADD To Cart</a>
            </div>
        </div>
    </div>
    <?php
    }
    ?>
</div>

“class=”卡img top“alt=”…”>

 PKR

---

这样，您将有4列产品

col-lg-12

意味着一个完整的页面列。也许您想要3列，所以请使用

col-lg-4

。我建议从一些引导教程开始，甚至是非常好的。

col-lg-12

意味着一个完整的页面列。也许您想要3列，所以使用ode>col-lg-4。我建议从一些引导教程开始，甚至只是，它们非常好。