css - bootstrap 3 - 不将页脚推到页面底部

Question

我在工作中接到了一项任务，要使用 bootstrap 创建一些迷你网页布局。我决定基于已经完成的布局 (Amoeba)。这是预览:Amoeba bootstrap link

好吧，在本地主机上几乎可以工作，除了一件事 - 页脚。只需查看提供的链接，然后:单击“投资组合”(从导航中)，然后按“摄影”过滤图库。当你向下滚动时，你会看到丑陋的空间。这是我的问题。我不想要那个。所以我认为我需要一个页脚或投资组合 div 类，它会自动调整到适当的大小。但是我不知道如何实现。有什么建议吗？

Answer 1

你只需要稍微改变modernizr的代码。将 forceHeight 更改为 false，效果会很好。

if (Modernizr.mq("screen and (max-width:1024px)")) {
        jQuery("body").toggleClass("body");

} else {
    var s = skrollr.init({
        mobileDeceleration: 1,
        edgeStrategy: 'set',
        forceHeight: false,
        smoothScrolling: true,
        smoothScrollingDuration: 300,
            easing: {
                WTF: Math.random,
                inverted: function(p) {
                    return 1-p;
                }
            }
        }); 
}