Задать вопрос

Как привязать footer к низу экрана в Twitter Bootstrap?

Всем привет.
Не могу никак «прилепить» футер.

Гугл выдает github.com/twitter/bootstrap/issues/306

Но решения, которые там предлагают, некорректно работают у меня.

Кто-нибудь сталкивался с такой же проблемой?

Спасибо.
  • Вопрос задан
  • 154185 просмотров
Подписаться 40 Оценить Комментировать
Ответ пользователя fearrr К ответам на вопрос (23)
fearrr
@fearrr
Вот такое накидал решение.
Вроде бы все учел.

var footer = $('.footer'),
    pageContainer = $('.page-container'),
    fixClass = 'navbar-fixed-bottom';

    function stickyFooter() {
        var windowHeight  = $(window).height(),
            contentHeight = pageContainer.height(),
            footerHeight  = footer.height();
        footer.removeClass(fixClass);
        if (contentHeight <= windowHeight-footerHeight){
            footer.addClass(fixClass);
        }
    }

    stickyFooter();
    $(window).resize(function () {
        stickyFooter();
    });


Пример html кода
<div class="page-container">
    <section class="header"></section>
    <section class="nav"></section>
    <section class="content"></section>
</div>
<div class="footer">
</div>
Ответ написан
Комментировать