在同一行显示三个不同的值

Question

[找到解决方案！明天我会发布代码。无论如何，再次感谢帮助我。 :)]

这是我的代码，显示我的博客中的所有帖子。但我试图显示三个不同的职位（在一行），它不工作。我已经检查了一些关于这种类似的问题，但它仅负责安排图像的这样的位置：align 3 images in same row with equal spaces?

看看这个截图了解详情： IMG2

PHP代码：

<?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']; 
?> 

注意：它只有一行，因为它会自动显示与我在上面的php代码中声明的相同格式的所有帖子。

<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

如果你想在一排3列，那么row格应包含class="col-sm-4" 3周的div。

<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>