title: Footer Below Fixed Footer
body: <p>I have two footers at the bottom of my page. I want one of them to always be fixed, then when i scroll to the bottom I want the other to pop-up under it so basically when I reach the bottom of the page, the "normal" footer should be under the fixed footer. Here is what I have so far I'm using the navbar bootstrap class to fix it to the bottom. So what this code does now is when i reach the bottom, the fixed footer is the bottom footer, I want it the other way around.</p>
  
  <pre><code>&lt;footer class="footer" role="footerinfo"&gt;
    &lt;div class="navbar navbar-default navbar-fixed-bottom"&gt;
        &lt;div class="container"&gt;
          &lt;div class="col-sm-12"&gt;
            //When I reach the bottom this shoud be top footer
          &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
  &lt;div class="wrapper"&gt;
        &lt;div class="container"&gt;
          &lt;div class="row"&gt;
            &lt;div class="col-sm-12"&gt;
               //Should not be fixed, be below fixed
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p>Anyone know what kind of css styling i need to fix this </p>