Question

首先，嗨，谢谢您的宝贵时间！我有一个问题，我无法使用bootsrap解决，我正在尝试将2个按钮居中于div中，在此代码中，这些按钮向左对齐，我如何才能使它们居中？这是我的代码：

<div class="align-self-center">
    <button type="button" class="btn btn-outline-primary"> BTN1</button><button type="button" class="btn btn-success">BTN2</button>
</div>

Answer 1

使用引导程序提供的文本中心类来对齐按钮。

<div class="text-center">
    <button type="button" class="btn btn-outline-primary">BTN1</button>
    <button type="button" class="btn btn-success">BTN2</button>
</div>

文本中心类基本上在做-

text-align:center;

P.S。不确定 .align-self-center 在这里做什么

建议-我看到您正在使用引导程序4。如果满足要求，您也可以使用“ btn-group”类。 Click here to go to bootstrap 4 docs

在bootsrap的div中居中放置2个按钮

1 个答案: