title: Issue on Positioning Relative Box in Bootstrap Well
body: <p>Can you please take a look at <a href="https://jsfiddle.net/Behseini/DTcHh/15456/" rel="nofollow">this demo</a> and let me know why I am not able to position a set of relativ and absolute positioned boxes in the bootstrap <code>.well</code></p>
  
  <pre><code>&lt;div class="well"&gt;
    &lt;div id="wrapper"&gt;
      &lt;div id="box-1"&gt;
        &lt;img src="http://1u88jj3r4db2x4txp44yqfj1.wpengine.netdna-cdn.com/wp-content/uploads/2014/09/mobile-apps.jpg" alt="..." class="img-responsive img-thumbnail"&gt;
      &lt;/div&gt;
      &lt;div id="box-2"&gt;This is Test&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and css</p>
  
  <pre><code>#wrapper {
    position: relative;
  }
  
  #box-1 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
  }
  
  #box-2 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
  }
  </code></pre>