title: Bootstrap Images on top of another
body: <p>I am using bootstrap and I have two images on top of another using positions like so:</p>
  
  <pre><code>&lt;img src="/images/coverphoto.jpg" alt="First slide" width="100%" height="300" style="position: relative;padding: 0;"&gt;
  &lt;img src="/images/logo.png" style="position: absolute;"&gt;
  </code></pre>
  
  <p>I am trying to get the logo to display over the banner; However, this is what is displayed:
  <a href="http://gyazo.com/018a5818f48d3310047fdad5ebd10fc7" rel="nofollow">http://gyazo.com/018a5818f48d3310047fdad5ebd10fc7</a></p>
  
  <p>I am not really sure why as the code for that navbar is underneath both of the image tags.  How do I fix this/what am I doing wrong.</p>
  
  <p>Thanks in advance</p>