在HTML

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文件中的所有打开标记