如何在Bootstrap列中使元素与底部对齐？

我需要将一个框对齐到引导列的左下方。谢谢你的帮助。

问题在于该列没有定义的高度。

您可以将列设置为flexbox，然后将元素对齐到末尾。

.row {
  background: red;
}

.col-6-md {
  background: lightblue;
  height: 200px;
  display: flex;
}

.bottom {
  background: green;
  align-self: flex-end;
  width: 100px;
  height: 50px;
}

  

    
Bottom