Bootstrap 4 引导4列内的垂直对齐

我正在尝试将引导4列中的元素垂直对齐到其顶部和底部。我知道这个问题已经有很多答案了，但在我的情况下似乎什么都不起作用。 这是我的代码：

品名
产品说明

如果需要对其内容使用flexbox对齐，则需要将

col-md-7

也显示为

flex

（

d-flex

）

品名
产品说明

如果需要对其内容使用flexbox对齐，则需要将

col-md-7

也显示为

flex

（

d-flex

）

品名
产品说明

您需要为col-md-7中的元素添加特定属性，请详细说明Aslam好吗？我已经尝试在button元素上引导边距实用程序类“mb-0”，并将“col-md-7”设置为“display:flex”，但是我无法达到预期效果。标题元素应该在列的顶部，而按钮应该在底部。在Zim codeply.com/p/3umupfcfxc提供的链接下，所有内容似乎都是垂直居中对齐的。我不清楚您想要实现什么：带有子元素的全屏容器顶部和底部对齐还是其他？我在问题描述中添加了所需对齐的图像。我试图将bootstrap4列中的一个按钮元素与该列的底部对齐。两个标题元素都应位于列的顶部。您需要为col-md-7中的元素添加特定属性。请详细说明Aslam好吗？我已经尝试在button元素上引导边距实用程序类“mb-0”，并将“col-md-7”设置为“display:flex”，但是我无法达到预期效果。标题元素应该在列的顶部，而按钮应该在底部。在Zim codeply.com/p/3umupfcfxc提供的链接下，所有内容似乎都是垂直居中对齐的。我不清楚您想要实现什么：带有子元素的全屏容器顶部和底部对齐还是其他？我在问题描述中添加了所需对齐的图像。我试图将bootstrap4列中的一个按钮元素与该列的底部对齐。两个标题元素都应该放在列的顶部。非常感谢！终于成功了！我非常感谢（花了很多时间在这上面）。请接受答案，让其他人知道问题已经解决了。谢谢！终于成功了！我非常感谢（花了很多时间在这上面）。请接受答案，让其他人知道问题已经解决了

<div class="col-md-7 d-flex flex-column">
        <h1>Product Name</h1>
        <h2>Product Description</h2>
        <a class="btn btn-primary btn-lg header-btn btn-square mt-auto" href="#"> Datasheet </a>
</div>