php mysqli bygget ind i et bootstrap grid system??
hej eksperter.jeg har et lille problem med en query select, som jeg ønsker og sætte ind i et bootstrap grid system.
men jeg ønsker og ta 12 rows fra min database også dele dem op i 3 grid rows med 4 resultater i hver grid row
illustration:
//gridrow1----------------------------------------------------
resultat (1) - resultat (2) - resultat (3) - resultat (4)
//gridrow2----------------------------------------------------
resultat (5) - resultat (6) - resultat (7) - resultat (8)
//gridrow3----------------------------------------------------
resultat (9) - resultat (10) - resultat (11) - resultat (12)
og der skal selvfølgelig være bootstrap effect alt efter om det er stor eller lille skærm..
håber i forstår hvad jeg mener..
jeg har denne kode pt, men hvergang den skifter linje så bliver gridet kastet rundt på omkring på siden.
<!-- Blog Entries Column -->
<div class="col-md-9">
<!-- Blog Post -->
<?php
$query = "SELECT * FROM posts ORDER BY post_id DESC";
$select_all_posts_query = mysqli_query($connection, $query);
while($row = mysqli_fetch_assoc($select_all_posts_query)){
$post_id = $row['post_id'];
$post_title = $row['post_title'];
$post_author = $row['post_author'];
$post_date = $row['post_date'];
$post_image = $row['post_image'];
$post_content = substr($row['post_content'],0,200);
$post_status = $row['post_status'];
if($post_status == 'Published'){
?>
<div class="col-md-3">
<h3>
<a href="post.php?p_id=<? echo $post_id ?>"><? echo $post_title ?></a>
</h3>
<p><? echo $post_date ?></p>
<a href="post.php?p_id=<? echo $post_id ?>">
<? if($post_image){echo "<hr><img class='img-responsive' src='images/", $post_image ,"' width='200'>";} ?>
</a>
<hr>
</div>
<?php
}
}
?>
</div>