javascript - 使用 Bootstrap 居中 div 内容(center-block)

Question

我可以用 center-block 将 div 的内容居中吗？

以下示例不起作用:

<div class="form-group">
    <div class="center-block">
            <input id="user_registrate" type="submit" value="Registrate" class="btn btn-success" />
    </div>
</div>

http://jsfiddle.net/jd93fL1x/2/

这个有效:

<div class="form-group">
    <div>
            <input id="user_registrate" type="submit" value="Registrate" class="btn btn-success center-block" />
    </div>
</div>

http://jsfiddle.net/jd93fL1x/3/

我想要两个按钮居中，这就是为什么我想要带有中心 block 的 div。

Answer 1

center-block 类将中心应用于元素本身，而不是内容；在这种情况下，您可以在容器上使用 text-center 类，并且由于输入具有类 btn 使其成为内联 block ，这将起作用:

<div class="text-center">
    <input id="user_registrate" type="submit" value="Registrate" class="btn btn-success" />
    <input id="user_registrate" type="submit" value="Registrate" class="btn btn-success" />
</div>

DemoFiddle