Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Responsive Bootstrap Sticky Footer Height

When the window is resized, the height of the footer expands but not the background color. Help!

http://twitter.github.io/bootstrap/examples/sticky-footer.html Sticky Footer Bootstrap

like image 560
AlGallaf Avatar asked Jun 05 '13 08:06

AlGallaf


2 Answers

height: auto seems to solve the problem. You can include it with a media query for small viewports:

@media only screen and (max-device-width: 480px) {
    #footer {
        height: auto;
    }
}
like image 136
albertedevigo Avatar answered Nov 02 '22 17:11

albertedevigo


Your demo doesn't work anymore but the best Bootstrap sticky footer I've found is: https://gist.github.com/aalaap/3066704

like image 38
cfx Avatar answered Nov 02 '22 17:11

cfx



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!