同じ行に3つの異なる値を表示

Question

[解決策を見つけました！私は明日コードを掲載する予定です。とにかく、私を助けてくれてありがとう。 :)]

これは私のブログのすべての投稿を表示するための私のコードです。しかし、私は3つの異なる投稿を（1つの行に）表示しようとしており、それは動作していません。私はすでにこれに係る同様の問題のいくつかをチェックアウトしましたが、それだけでこのような画像の位置を配置するためです：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コードから宣言したのと同じ形式のすべての投稿が自動的に表示されるため、1行だけです。あなたが1行に3列にしたい場合

<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

は、その後、row divが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>