title: Bootstrap custom contents
body: <p>I am trying to get the custom content in bootstrap to look like this 
  <a href="https://i.stack.imgur.com/nSK23.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nSK23.jpg" alt="enter image description here"></a> </p>
  
  <p>However, the div which holds the black background overflow the parent div.</p>
  
  <p>Here is the code :</p>
  
  <pre><code>&lt;div class="thumbnail shadow"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-sm-12 col-md-12 col-lg-12" style="background-color:black"&gt;
                          &lt;h3 style="color: white"&gt;Purchase Order&lt;/h3&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="caption"&gt;
                      &lt;h3&gt;3&lt;/h3&gt;
                      &lt;p&gt;...&lt;/p&gt;
                      &lt;p&gt;&lt;a href="#" class="btn btn-primary" role="button"&gt;View&lt;/a&gt;&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>Please see <a href="http://www.bootply.com/OO8elZZx5j" rel="nofollow noreferrer">http://www.bootply.com/OO8elZZx5j</a></p>
  
  <p>-Alan-</p>