Как использовать бутстрап в цикле?

Question

Я сделал блог в PHP и я хочу использовать загрузчик для разделите мои посты как этот Bootstrap Jumbotron example

Мой код для генерации сообщения является:

try { 
    $stmt = $db->query('SELECT postID, postTitle, postDesc, postDate FROM blog_posts ORDER BY postID DESC'); 
    while($row = $stmt->fetch()){ 
     echo '<div>'; 
     echo '<h1><a href="viewpost.php?id='.$row['postID'].'">'.$row['postTitle'].'</a></h1>'; 
     echo '<p>Posted on '.date('jS M Y H:i:s', strtotime($row['postDate'])).'</p>'; 
     echo '<p>'.$row['postDesc'].'</p>'; 
     echo '<p><a href="viewpost.php?id='.$row['postID'].'">Read More</a></p>'; 
     echo '</div>'; 
    } 
} catch(PDOException $e) { 
    echo $e->getMessage(); 
} 

Как отформатировать этот цикл, чтобы выглядеть как пример?

Answer 1

В зависимости от того, сколько вы хотите за ряд: вы можете использовать Col-см-4 цв-см-3 или Col-мкр-3 или Col-й мкр-4

//to have 3 on the same line 
echo '<div class="col-sm-4">'; 
    echo '<h2><a href="viewpost.php?id='.$row['postID'].'">'.$row['postTitle'].'</a></h2>'; 
    echo '<p>Posted on '.date('jS M Y H:i:s', strtotime($row['postDate'])).'</p>'; 
    echo '<p>'.$row['postDesc'].'</p>';    
    echo '<p><a role="button" href="#" class="btn btn-default" href="viewpost.php?id='.$row['postID'].'">Read More</a></p>';    
echo '</div>'; 


//to have 4 on the same line 
echo '<div class="col-sm-3">'; 
    echo '<h2><a href="viewpost.php?id='.$row['postID'].'">'.$row['postTitle'].'</a></h2>'; 
    echo '<p>Posted on '.date('jS M Y H:i:s', strtotime($row['postDate'])).'</p>'; 
    echo '<p>'.$row['postDesc'].'</p>';    
    echo '<p><a role="button" href="#" class="btn btn-default" href="viewpost.php?id='.$row['postID'].'">Read More</a></p>';    
echo '</div>'; 

Answer 2

 echo '<div class="col-md-4">'; 
      echo '<h2><a href="viewpost.php?id='.$row['postID'].'">'.$row['postTitle'].'</a></h2>'; 
      echo '<p>Posted on '.date('jS M Y H:i:s', strtotime($row['postDate'])).'</p>'; 
      echo '<p>'.$row['postDesc'].'</p>';    
      echo '<p><a role="button" href="#" class="btn btn-default" href="viewpost.php?id='.$row['postID'].'">Read More</a></p>';    
     echo '</div>';