Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Flushing footer to bottom of the page, twitter bootstrap
html, body {
height: 100%;
#wrap {
min-height: 100%;
#main {
padding-bottom:150px; /* this needs to be bigger than footer height*/
.footer {
position: relative;
margin-top: -150px; /* negative value of footer height */
height: 150px;
<div id="wrap">
<div id="main" class="container clear-top">
<p>Your content here</p>
<footer class="footer"></footer>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.