页脚受到引导类的影响

Question

我目前正在为我的网站制作商店页面，似乎遇到了问题。我为我的网站创建了搜索功能。然而，在 search.php 页面中，根据搜索显示项目，引导类似乎干扰了我的页脚。当我删除课程时，页脚适合页面，但产品卡会搞砸。当我在页脚中重新添加课程时，会缩小和扭曲。我该怎么做才能避免这种情况发生？

这是我的代码：

搜索.php：

        while($row = $stmt->fetch()){
        $stock = $row['stock'];
        if ($stock > 0){
        echo '
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                <form method="post" action="view_product.php?action=add&id='.$row["ID"].'">
                    <div class="products">

                        <a href="view_product.php?product='.$row["ID"].'">
                            <img src="'.$row["image"].'" class="product-img">
                        </a>';

echo'                           <div class="product-txt" style="padding: 5px;">
                                <h4 style="line-height: 10px;">

                                <a href="view_product.php?product='.$row['ID'].'">
                                    <b>'.$row['name'].'</b>
                                </a>
                        <br>

                        <h4>';
                            if($stock > 0){
                                echo ''.$row["price"].'';}
                            else{
                                echo ''.$row['outofstock'].'';
                        }
echo'                       </h4>
                        </h4>
                    </div>
            </div>
        </form>
    </div>


  </body>
    
    ';
    }
}
include 'footer.php';

“col-xs-12 col-sm-6 ....”类干扰了我的页脚。我该怎么做才能解决这个问题。提前致谢！

Answer 1

这是你的错误：

echo'                       </h4>
                        </h4>
                    </div>
            </div>
        </form>
    </div>
  </body>
    
    ';
    }
}
include 'footer.php';

首先-双重关闭</h4>，你不能在<h4>里面有<h4>，但真正的问题是在关闭</body>之后包含footer的文本。
有时会发生这种情况，但您最好使用validator w3c

---

更新
应该是这样的

while($row = $stmt->fetch()){
    $stock = $row['stock'];
    if ($stock > 0){    echo
        "<div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3\">\r\n
        <form method=\"post\" action=\"view_product.php?action=add&id=$row['ID']\">
        <div class=\"products\">\r\n
        <a href=\"view_product.php?product=$row['ID']\"><img src=\"$row['image']\" class=\"product-img\"></a></div>\r\n
        <div class=\"product-txt\" style=\"padding: 5px\">\r\n
        <h4 style=\"line-height: 10px\">
        <a href=\"view_product.php?product=$row['ID']\"><b>$row['name']</b></a>
        $row['price']
        </h4></div></form></div>\r\n";}
    else{   echo "<p>$row['outofstock']</p>\r\n";}}
include './footer.php';
echo'</body></html>';

关键是，你必须控制你的循环和 HTML 标签——打开的必须及时关闭。如果您迷路了，请查看浏览器中的源代码。并像最好的设计师一样使用验证器 w3c。