bootstrap-4 - Bootstrap - div内的行与对齐内容中心不是在每行之后垂直放置？

Question

下面是我的html代码，

<div class="row mt-2 justify-content-center">
    <div class="row">
        <figure>
            <img src="../img/dummy.jpg" class="rounded" />
            <figcaption class="text-center"><h3>Title</h3></figcaption>
        </figure>
    </div>
    <div class="row">
        <button type="button" class="btn btn-sm btn-outline-primary">Button 1</button>
    </div>
    <div class="row">
        <button type="button" class="btn btn-sm btn-outline-primary">Button 2</button>
    </div>
</div>

这是输出

如何使按钮放置在图下方？

标签： bootstrap-4