如何对齐按钮,无论以前元素的内容如何更改?

把这个添加到你的代码中,看看这是否是你想要的。

Documentation flexbox

.row {
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  overflow: hidden;
}

.col-md-6 {
  flex: 1; 
  margin-right: 10px; 
  padding: 50px;
}

.btn {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

有几种方法可以做到这一点。最简单的方法是使用flexbox,下面是一个片段示例 https://codepen.io/imohkay/pen/gpard

.parent {
    display: flex;
    justify-content: space-between;
}

另一种方法是为每一列设置一个固定的高度,并将按钮绝对放置在底部,还可以为内容添加一些填充,这样文本就不会与按钮重叠。

添加这个类 .btn-box 按钮和这个类 .padbot 到盒子里

.btn-box{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

.padbot{
  padding-bottom: 80px; // Adjust as your needs
}

DEMO HERE