Anzeigen von drei verschiedenen Werten in derselben Zeile

Question

[Eine Lösung gefunden! Ich werde den Code morgen veröffentlichen. Wie auch immer, nochmals vielen Dank, dass Sie mir geholfen haben. :)]

Dies ist mein Code für die Anzeige aller Beiträge in meinem Blog. Aber ich versuche drei verschiedene Posts (in einer Zeile) anzuzeigen und es funktioniert nicht. Ich habe bereits überprüfte einige der ähnlichen Probleme, um in Bezug auf dies, aber es ist nur für wie dies die Position des Bildes Anordnen: align 3 images in same row with equal spaces?

Check out Screenshot für weitere Informationen: IMG2

Php Code:

Hinweis: Es ist nur eine Zeile, weil es automatisch alle Beiträge mit dem gleichen Format anzeigt, wie ich aus dem PHP-Code oben deklariere.

<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

Wenn Sie 3 Spalten in einer Zeile, dann die row div 3 divs mit class="col-sm-4" enthalten sollte.

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