元素添加到Bootstrap中页面的底部

Question

我在我的boostrap xs-4列的底部定位一个脚注ul列表时遇到了问题，这个列表是我在http://www.badalic.com/burja.html构建的一个测试网站，由于某种原因，row类似乎没有填满我网站的100%高度。如果我尝试将页脚定位到top:0，它可以完美地工作，但我不明白为什么它不能对bottom也做同样的事情。任何帮助都是非常感谢的。谢谢!

Answer 1

您的row类填充了超过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。