title: Bootstrap full width footer without fixing
body: <p>I have a requirement of creating a full width footer. But it should not be fixed to the screen. It should be visible only when you scroll to the bottom of the page.</p>
  
  <p>Using <code>navbar-fixed-bottom</code> would make the footer fully wide, but it also fixes it to the screen.</p>
  
  <pre><code>&lt;nav class="navbar navbar-default navbar-fixed-bottom" id="footer_nav"&gt;
              &lt;div class="container-fluid footer_c"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li&gt;&lt;a  style="color:#4b4b4b;  font-size:0.9em;" href="/ContactUs.aspx"&gt;Contact us&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;&lt;/nav&gt;
  </code></pre>
  
  <p>Can anybody let me how to do it.</p>