title: How can I create a tile layout in Bootstrap
body: <p>I am using Bootstrap 3 for my site, where I have numerous posts. Right now I am using bootstrap columns and panels to display the posts on an index page.</p>
  
  <p>But I want to show the same posts in a tile view like a Pinterest page.</p>
  
  <p>Is there any way to do that in bootstrap 3? Right now my layout looks something like</p>
  
  <pre><code>&lt;div class="row product-list"&gt;
      &lt;?php getList(); ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>where the function gets the list of posts.
  and they are displayed in a panel like this:</p>
  
  <pre><code>&lt;a href="product-des.php?1"&gt;
  &lt;div class='col-xs-12 col-sm-4 col-md-3 col-lg-3'&gt;&lt;div class='panel panel-warning'&gt;
  &lt;div class='panel-heading'&gt;Microsoft Lumia 575&lt;/div&gt;
  &lt;div class='panel-body'&gt;
  &lt;img class='product_listing_img img-responsive' src=files/uploaded_images/mobile-2.jpg&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>Current view</p>
  
  <p><a href="https://i.stack.imgur.com/ZAiiE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ZAiiE.png" alt="What it looks like now using panels"></a></p>
  
  <p>Expected view</p>
  
  <p><a href="https://i.stack.imgur.com/2a3jo.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/2a3jo.jpg" alt="What I&#39;d like it to look like (Pinterest style)"></a></p>