did you include the css rules needed ?
html, body { height: 100%; /* The html and body elements
cannot have any padding or margin. */ } /* Wrapper for page content
to push down footer */ #wrap { min-height: 100%; height:
auto !important; height: 100%; /* Negative indent footer by it's
height */ margin: 0 auto -60px; } /* Set the fixed height of
the footer here */ #push, #footer { height: 60px; }
#footer { background-color: #f5f5f5; } /* Lastly, apply
responsive CSS fixes as necessary */ @media (max-width: 767px) {
#footer { margin-left: -20px; margin-right: -20px;
padding-left: 20px; padding-right: 20px; } }
On Friday, November 23, 2012 12:04:31 AM UTC+1, jonas wrote:
>
> Hi. I tried the link and more or less copied the code but the sticky
> footer don't work. especially the push seems not to work. here is my code:
>
> <div id="wrap">
> <div class="container">
> <div class="page-header">
> <h1>page header</h1>
> </div>
> <div class="row">
> <div class="span4"><h3>span4</h3></div>
> <div class="span8"><h3>span8</h3></div>
> </div>
> <div class="row">
> <div class="span10"><h2>span10</h2></div>
> <div class="span2"><h2>span2</h2></div>
> </div>
> </div>
> <div id="push"></div>
> </div>
>
> <div id="footer">
> <h3>sticky footer?</h3>
> </div>
>
>
> On Thursday, November 1, 2012 1:31:11 PM UTC+1, villas wrote:
>>
>> Hi Richard, I presume you already saw this?
>>
>> http://twitter.github.com/bootstrap/examples/sticky-footer.html
>>
>
--
