css - 如何使用 Bootstrap 将按钮居中对齐

Question

我使用 Bootstrap 创建了一个磁贴。在图 block 内部，靠近底部，我想要图 block 的三个按钮(开始、中间和结束)。

我制作了开始和结束按钮，但使用了两个 div 标签以及 pull-left 和 pull-right 类。现在我想要的是放置中间按钮。

这是我的部分代码和截图:

<div class="col-lg-12">
    <div class="pull-left">
        <button class="btn btn-primary btn-sx" type="button">Confirm</button>
    </div>

    <!-- I want another button here, center to the tile-->

    <div class="pull-right">
        <button class="btn btn-primary btn-xs pull-right" type="button">Decline</button>
    </div>
</div>

Answer 1

使用这个选项:

<div class="text-center">
    <button class="btn btn-primary btn-sx" type="button">
        Confirm
    </button>
</div>