Comment puis-je créer une tuile de mise en page dans le Bootstrap

Je suis en utilisant Bootstrap 3 pour mon site, où j'ai de nombreux postes. Droit maintenant, je suis en utilisant bootstrap colonnes et panneaux pour afficher les messages sur une page d'index.

Mais je veux montrer les mêmes postes dans un affichage en mosaïque comme une page Pinterest.

Est-il possible de le faire dans le bootstrap 3? Droit maintenant, ma mise en page ressemble à quelque chose comme

<div class="row product-list">
    <?php getList(); ?>
</div>

où la fonction récupère la liste de ces postes.
et ils sont affichés dans un panneau comme celui-ci:

<a href="product-des.php?1">
<div class='col-xs-12 col-sm-4 col-md-3 col-lg-3'><div class='panel panel-warning'>
<div class='panel-heading'>Microsoft Lumia 575</div>
<div class='panel-body'>
<img class='product_listing_img img-responsive' src=files/uploaded_images/mobile-2.jpg></div>
</div>
</div>
</a>

Vue actuelle

Comment puis-je créer une tuile de mise en page dans le Bootstrap

Devrait afficher

Comment puis-je créer une tuile de mise en page dans le Bootstrap

  • Merci de nous montrer la sortie courant et sortie attendue de capture d'écran.
  • j'ai mis à jour mon post merci de vérifier