Bootstrap中页面底部的元素

Question

我在测试网站上的我的boostrap xs-4列的底部定位了一个页脚ul列表时出现问题我在http://www.badalic.com/burja.html建立了由于某种原因，行类没有似乎填补了我网站的100％高度。如果我试图将页脚放在顶部：0它会发挥作用，但我无法弄清楚为什么它不会为底部做同样的事情。任何帮助都非常感谢。谢谢！

Answer 1

你的行类填充高度的100％以上。 xs-4列中的按钮元素是问题

.button {
    margin-top:45px;
    border-radius: 50px;
}

两列的差异均为20px。 xs-4列垂直占用更多空间..

更改按钮类属性以查看差异。

.button {
        border-radius: 50px;
    }

Answer 2

您的行正在填充网站的100％，但您的页脚绝对位于窗口底部。

要让您的页脚位于行​​下方，请从您的CSS中删除bottom: 0和position: absolute。