title: Bootstrap 3 Panels with images
body: <p>I'm trying to re-create this panel:</p>
  
  <p><a href="https://i.stack.imgur.com/QvmTY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QvmTY.png" alt="enter image description here"></a></p>
  
  <p>I just wondered if anyone knows how I can go about this , I have my html markup done. But I have no idea how I would begin to style it..</p>
  
  <p>My example html:</p>
  
  <pre><code>    &lt;div id="mainContainer" class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-lg-2 col-md-3 col-sm-4 col-xs-6"&gt;
              &lt;div class="panel panel-default"&gt;
                  &lt;div class="panel-heading"&gt;Item 01&lt;/div&gt;
                  &lt;div class="panel-body"&gt;&lt;img src="http://placehold.it/150x150" alt="" class="img-responsive center-block" /&gt;
              &lt;/div&gt;
          &lt;/div&gt;                
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>