css - Bootstrap 中页面底部的元素

Question

我在 http://www.badalic.com/burja.html 上构建的测试网站上，在我的 boostrap xs-4 列底部定位页脚 ul 列表时遇到问题出于某种原因，行类似乎没有填满我网站的 100% 高度。如果我尝试将页脚定位到 top:0 它会完美地工作，但我无法弄清楚为什么它不会对底部做同样的事情。非常感谢任何帮助。谢谢!

Answer 1

您的行类填充了超过 100% 的高度。 xs-4 列中的按钮元素是问题所在

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

两列相差 20px。 xs-4 列在垂直方向上占用更多空间..

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

.button {
        border-radius: 50px;
    }