Question

我有一个使用Bootstrap 4列（col-sm）的三列布局。参见codepen：https://codepen.io/anon/pen/EryRJL?editors=1100

我在每列的段落中都有一些文本，在段落下方有一个按钮。如何将所有按钮在列的底部垂直对齐，同时将它们在相应列的中央居中？

我可以使用

将按钮推到底部

.button-container {
    width: 100%;
    position:absolute;
    bottom: 0;
    text-align: center;
}

但是由于宽度：宽度：100％由于列填充使div向右移动，所以居中不起作用。

Answer 1

感谢this snippet，我终于知道了。我只需要width: 100%和left: 0来代替容器，以代替right: 0。