Отображение сообщений в профиле в группах

Question

Это мой код, получающий сообщения из базы данных. Я называю свои сообщения здесь как привязки.

$getuser = mysql_query("SELECT userID FROM user WHERE username= '$user' "); 
$get_row = mysql_fetch_assoc($getuser); 
$userID = $get_row['userID']; 

$getposts = mysql_query("SELECT * FROM snaps WHERE userID='$userID' ORDER BY snapID DESC ") or die(mysql_error()); 
while ($row = mysql_fetch_assoc($getposts)) { 
        $title = $row['title']; 
        $date_added = $row['date_added']; 
        $time = $row['time']; 
        $photo = "userdata/user_snaps/".$row['photos']; 

Мой html для отображения снимков отформатирован тремя привязками к строке.

<!-- Projects Row --> 


echo (" 
     <div class="row"> 
     <div class="col-md-4 portfolio-item"> 

     <div class="thumbnail"> 
     <a href=''> 
     <img src="$photo" class="portrait" alt="Image" /> 
     </div> 

     <h3> 
     '$title'</a> 
     </h3> 
     <p>$content</p> 
     </div> 
     <div class="col-md-4 portfolio-item"> 
     <div class="thumbnail"> 
     <a href=''> 
     <img src="$photo" class="portrait" alt="Image" /> 
     </div> 


     <h3> 
     '$title'</a> 
     </h3> 
     <p>'$content'</p> 
     </div> 
     <div class="col-md-4 portfolio-item"> 
     <div class="thumbnail"> 
     <a href=""> 
     <img src="$photo" class="portrait" alt="Image" /> 
     </div> 

     <h3> 
     '$title'</a> 
     </h3> 
     <p>$content</p> 
     </div> 
     </div> 
"); 

Как отобразить это так, чтобы в столбце было три столбца? Как и Instagram.

Answer 1

Использование счетчика в вашем цикле while.

$counter = 0; 
while ($row = mysql_fetch_assoc($getposts)) { 
    $counter++; 
    if($counter > 3) { //if your counter goes to 4 then it will add a new line in your html 
     $counter = 0; 
     echo '<div class="row"></div>'; 
    } 
    echo '<div class="col-md-4 portfolio-item"> 
      <div class="thumbnail"> 
      <a href=""> 
      <img src="$photo" class="portrait" alt="Image" /> 
      </div> 


      <h3> 
       $title</a> 
      </h3> 
      <p>$content</p> 
     </div>'; 
}