如何在Bootstrap中创建一个非粘性页脚？

Question

如何生成跨越屏幕整个宽度的页脚(尽管屏幕分辨率)并保留在页面底部？

当我搜索这个时,我会让人们提供粘性页脚的代码(与页面一起移动的页脚),并说使用绝对定位(我听到的是否定的).

我的意思的一个完美的例子是twitter bootstrap引用的网站之一(https://www.gathercontent.com/).在该网站上,页脚(看起来像英雄单位或其他东西)始终位于页面底部.

Answer 1

使用这个jquery：

$(window).load(function () {
    $('.footer').width($(window).width());
    $(window).resize(function () {
        $('.footer').width($(window).width());
    });
});

确保你有一个 js 文件