title: Bootstrap sticky footer overlapping content
body: <p>I'm new to Bootstrap, and I'm trying to use it with Symfony2. I already have a main topbar sticky which is used for navigation. My problem is when I try to add a similar footer which is sticky at the bottom, but it overlaps my content. I'm using a JQuery script to avoid the problem for the top navbar, like this:</p>
  
  <pre><code>$(document).ready(function(){
          $(document.body).css('padding-top', $('#topnavbar').height());
          $(window).resize(function(){
              $(document.body).css('padding-top', $('#topnavbar').height());
          });
      });
  </code></pre>
  
  <p>The structure of my main Twig layout is like this:</p>
  
  <pre><code>    &lt;div class="navbar navbar-default navbar-fixed-top" id="topnavbar"&gt;
        &lt;div class="container-fluid"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      {% block body %}
      {% endblock %}
      &lt;footer class="footer navbar-fixed-bottom"&gt;
      &lt;/footer&gt;
  </code></pre>
  
  <p>My CSS is original. I tried with <code>margin bottom</code> or <code>padding bottom</code> but the overlapping of my content (in the {% block body %}) is always present, and I don't know what to do to fix it.  Does anyone have an idea?</p>