在html中包含php页面后CSS行中断

Question

我有一个css行和列的问题，当我在html中包含php文件时，我的列只垂直排列。

这是我的仪表板网站，我试图找到解决方案，但没有成功

当我把这样的代码放在

<div class="row">
    <div class="col-md-4" id="list">
    <div class="bg-mattBlackLight my-2 p-4">
        <h1>HELLO</h1>
    </div>
    </div>

    <div class="col-md-4" id="list">
    <div class="bg-mattBlackLight my-2 p-4">
        <h1>HELLO</h1>
    </div>
    </div>

    <div class="col-md-4" id="list">
    <div class="bg-mattBlackLight my-2 p-4">
        <h1>HELLO</h1>
    </div>
    </div>
</div>

完美处理列大小和位置(屏幕截图：https://ibb.co/tqRvBtL)

​

但是当我包含像这样的php页面时

<div class="row">
    <div class="col-md-4" id="list">
    <div class="bg-mattBlackLight my-2 p-4">
        <?php include 'php/user-list.php';?>
    </div>
    </div>

    <div class="col-md-4" id="list">
    <div class="bg-mattBlackLight my-2 p-4">
        <h1>HELLO</h1>
    </div>
    </div>

    <div class="col-md-4" id="list">
    <div class="bg-mattBlackLight my-2 p-4">
        <h1>HELLO</h1>
    </div>
    </div>
</div>

列的排列是垂直的(屏幕截图：https://ibb.co/Q6qQJDJ)

有谁知道哪里出了问题吗？

Answer 1

确保已关闭PHP文件中的所有打开标记