title: Bootstrap 3 thumbnails: properly frame image
body: <p>In Bootstrap 3 i want design a row with 2 thumbnail so, following the documentation, i have code:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
    &lt;div class="col-md-3"&gt;
      &lt;div class = "thumbnail"&gt;
        &lt;img src="link" alt="150x150" style="width: 150px; height: 150px;"&gt;
        &lt;div class="caption"&gt;
          &lt;h3&gt;Thumbnail label&lt;/h3&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="col-md-3"&gt;
      &lt;div class = "thumbnail"&gt;
        &lt;img src="link" alt="150x150" style="width: 150px; height: 150px;"&gt;
        &lt;div class="caption"&gt;
          &lt;h3&gt;Thumbnail label&lt;/h3&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>What i obtain is the html page (i post an image excerpt) below:
  <img src="https://i.stack.imgur.com/ZpjmL.png" alt="enter image description here"></p>
  
  <p>How can i obtaine a frame like the one in the bootstrap documentation (that properly enclose the images)?:</p>
  
  <p><img src="https://i.stack.imgur.com/VXkK1.png" alt="enter image description here"></p>
  
  <p>Note: my image dimension are 150px x 150px</p>