Aynı satırda üç farklı değer gösteriliyor

Question

[Bir çözüm bulundu! Kodu yarın postalayacağım. Her neyse, bana yardım ettiğin için teşekkürler. :)]

Bu, blogumdaki tüm gönderileri görüntülemek için kullandığım kod. Ama üç farklı gönderiyi (bir satırda) göstermeye çalışıyorum ve işe yaramıyor. Zaten bu kadar ilgili benzer sorunların bazılarını teslim ettik ama böyle resmin konumunu düzenlenmesi için sadece var: Daha fazla ayrıntı için align 3 images in same row with equal spaces?

Kontrol dışarı bu ekran görüntüsü: IMG2

Php kodu:

<?php 

    $query = "SELECT * FROM posts WHERE post_category_id=1"; 
    $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 = $row['post_content']; 
?> 

Not: Bu yalnızca bir satırdır çünkü tüm yayınları yukarıdaki php kodundan bildirdiğim aynı biçimle otomatik olarak görüntüler. Bir üst üste 3 sütun istiyorsanız

<div class="container"> 
    <div class="row"> 
    <div class="block col-sm-4 col-sm-4 col-sm-4"> 
    <img class="img-rounded img-responsive center" src="images/<?php echo $post_image?>"> 
    <a href="post.php?p_id=<?php echo $post_id; ?>"><h4><?php echo $post_title?></h4></a> 
    <p><span class ="glyphicon glyphicon-time"></span> Posted on <?php echo $post_date?> | by <?php echo $post_author?></p> 
    <p align="justify"><?php echo $post_content?></p> 
    <a href="#" class="btn btn-default" role="button">Read More</a> 
    <p>&nbsp;</p> 
    </div>   
    </div> 
<?php } ?> 
    </div> 

Answer 1

ardından row div class="col-sm-4" ile 3 div'leri içermelidir.

<div class="container"> 
    <div class="row"> 
     <div class="block col-sm-4"> 
      Column 1 Elements 
     </div> 
     <div class="block col-sm-4"> 
      Column 2 Elements 
     </div> 
     <div class="block col-sm-4"> 
      Column 3 Elements 
     </div>   
    </div> 
</div>