title: bootstrap container doesn't center when child of absolute
body: <p>I have a parent div with <code>position: absolute;</code> having this means my child div the bootstrap <code>class="container"</code> doesn't float in the center of the page instead it just sits to the left. I want the container class to act as it should, in this case center my content.</p>
  
  <pre><code>&lt;section id="portfolio"&gt;
      &lt;div class="container"&gt;
          Content
      &lt;/div&gt;
  &lt;/section&gt;
  
  /*display content below the fold*/
  #portfolio{
      position: absolute;
      top:120%;
  }
  </code></pre>