2015-06-30 14 views
0

我做了PHP中的博客,我想用引導到devide我的帖子是這樣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(); 
} 

如何格式化這個循環看起來像的例子嗎?

+0

只是'回聲'帶'col-md-4'的'div'。 –

+0

@ b0s3那簡單嗎? OMG我正在閱讀互聯網2小時:))。 THX它正在工作:) –

回答

0

根據有多少,你每行想:你可以使用COL-SM-4 COL-SM-3或COL-MD-3或COL-MD-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>'; 
0
 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>';