Question

我知道早些时候已经提出了类似的问题，但我已经尝试过了，但他们没有工作。我有一个对话框，带有一些文字和一个按钮，我需要将它放在盒子的中央。我的HTML如下：

<div id='step3' class='item'>
    <div class='row span9'>
        <div class="text center"><button id='loginButton' class='btn btn-success' onClick='window.location.reload()'>Login again</button></div>
        <small>using your new credentials.</small>
    </div>
</div>

我尝试将按钮放在div中并使用<div style="text-align:center">但它不起作用。有谁知道如何将按钮放在中心，最好不要添加外部CSS类？

Answer 1

您的class="text center"应该是class="text-center"，而且您也不需要row标记（它会破坏响应速度）。

<div id="step3" class="item">
<div class="span12">
    <div class="text-center">
        <button id="loginButton" class="btn btn-success" onClick="window.location.reload()">Login again</button>
        <br> <small>using your new credentials.</small>
    </div>
</div>

此外，您的大多数标记都有单引号''。请记住，这是旧版本的Bootstrap，因此视视口的宽度而言，它可能不是完美的中心。

Bootstrap 2.x按钮在对话框中没有居中对齐

1 个答案: