Javascript 引导中的统一垂直拉伸单列内容

我试图让几个按钮垂直拉伸到容器的大小，但我不知道以前是怎么做的。我已经在上尝试了所有的可能性（如对齐项目拉伸、对齐自我拉伸、对齐内容拉伸），但似乎没有一个对单列垂直拉伸起到任何作用，至少我是如何实现它们的。它是如何实现的？谢谢

（）

弹性项目1
弹性项目2
弹性项目3

只需从d-flex类中删除其他内容即可

弹性项目1
弹性项目2
弹性项目3

谢谢你的建议，但我不知道这是如何将单个列中的按钮垂直拉伸到容器的高度的。请你说得更清楚一点，以便我可以给出任何建议。你想使按钮保持相同的对齐方式吗？？？谢谢你的问题！你看到容器高度如何大于按钮的高度，如边框所示？我希望每个按钮的高度增加相同的量，使其完全填满容器。这是否使需要更清楚？非常感谢！这正是我想要的。我很惊讶答案如此简单。

<div class="container mt-3">
  <div class="d-flex align-content-stretch border" style="height:150px; width:200px; flex-direction: column">
    <button type="button" class="btn btn-primary my-1">Flex item 1</button>
    <button type="button" class="btn btn-primary my-1">Flex item 2</button>
    <button type="button" class="btn btn-primary my-1">Flex item 3</button>
  </div>
</div>