title: Bootstrap carousel makes my footer display on the middle
body: <p>If I try to display my footer on a page having a Bootstrap Carousel, the footer does not go at the bottom of the page.</p>
  
  <p>If I remove the Carousel, the footer goes to the bottom.</p>
  
  <p>My basic footer is:</p>
  
  <pre><code>.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
  }
  </code></pre>
  
  <p>See demo here: <a href="http://jsfiddle.net/2d4wn1aw/1/" rel="nofollow noreferrer">http://jsfiddle.net/2d4wn1aw/1/</a></p>
  
  <p>Does any one know why?</p>
  
  <p>Thank you.</p>