Почему моя сеточная система не работает, когда я использую include () вместо Ajax?

Question

У меня есть файл fetch_comment.php, который извлекает строки базы данных, и у меня есть другая страница index.php, которая будет отображать результат. Я использовал для отображения результатов с помощью вызова Ajax, подобного этому

function load_comment(){
$.ajax({
url:"fetch_comment.php",
method:"POST",
success:function(data)
{$('#display_comment').html(data);}
})
}
load_comment();

И это работало нормально. Но теперь, вместо использования Ajax (что в моем случае не нужно), я попытался включить fetch_comment.php прямо так

<div id="display_comment"> <?php include("fetch_comment.php"); ?> </div>

Но теперь вся моя сеточная система Bootstrap - беспорядок. Я не вносил никаких изменений в fetch_comment.php. Так почему он работает нормально с Ajax, но теряет стилизацию, когда я использую функцию include ()?

Вот код fetch_comment.php также:

    <style>
.arrows{
    float:left;
}

</style>
<?php
include("timeAgo.php");

        $query="SELECT * FROM comments 
        WHERE parent_comment_id = '0' AND onay=1 AND kategori <> 'Argo Serbest' AND kategori <> 'Cinsi Kıpraşmalar'
        ORDER BY comment_id DESC LIMIT 10;";




$result=mysqli_query($link, $query);
foreach($result as $row){
    $post_head = str_replace('_',' ',$row["post_head"]);
    if(strlen($row["comment"])>=400){
        $readmore='  <span style="font-family: Germania One, cursive;color:#0275d8;">......Konuya Git</span>';
    }
    else{$readmore="";}


 echo '
 <div class="postBox">
 <div class="innerBox2">


  <div class="displaySenderId"><small><a href=index.php?profile='.$row["nick"].'><b>'.$row["nick"].'</b></a> / <i></i> '.$row["kategori"].'</small>

  </div>

 <a href=index.php?postt='.$row["comment_id"].'&konu='.$row["post_head"].'&kategori='.$row["kategori"].'>

<div class="row">
    <div class="col-sm-4" style="overflow:none;">

        <img style="width:100%;max-height:350px;overflow:none;padding:5px 0px 10px 0px;" src=upload/'.$row["image"].'>
    </div>

    <div class="col-sm-8">
        <div class="more" style="overflow:none;padding-top:5px;"> 
            <h2 class="displayPostHead">'.$post_head.'</h2>
            <p class="displayPostContent">'.substr($row["comment"],0,400).''.$readmore.'</p>
        </div>
    </div>
</div>

</a>
<div class="footerContent">
<div class="arrows">
<small class="rakam">'.$row["liked"].'</small>

  <a data-id="'.$row["comment_id"].'" data="'.$row["comment_sender_name"].'" class="arrow up" data-val="1"><img src="liked.png" /></a>
  &emsp;
   <a data-id="'.$row["comment_id"].'" class="arrow down" data-val="-1"><img src="dis.png" /></a>
 <small class="rakam">'.$row["unliked"].'</small>
&emsp;<small style="font-family: Germania One, cursive;">Yanıtlar('.$row["totalComments"].')</small> 
</div>

  <div align="right">

     <a style="font-family: Germania One, cursive;color:#0275d8;" href=index.php?postt='.$row["comment_id"].'&konu='.$row["post_head"].'&kategori='.$row["kategori"].'>Konuya Git</button></a>
    </div></div>
    </div></div>

 </div>
 ';
}

?>

Вот как это выглядит с ajax. Это ожидаемый вид

А вот как это выглядит с функцией включения