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

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 div 应该包含 3 个带有 class="col-sm-4" 的 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>