Строка CSS не работает после включения php-страницы в html

у меня проблема с строкой и столбцами css, когда я включаю файл php в html, мои столбцы располагаются только вертикально

это для моего веб-сайта панели инструментов, и я пытался найти решение, но безуспешно

когда я вставляю такой код

<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) Кто-нибудь знает, что не так?