css - 如何在 twitter bootstrap 中居中表单？

Question

<div class="container">
    <div class="row">
        <div class="span6 center">
            <form>
                <table>
                    <tbody>
                        <td>foo</td>
                    </tbody>
                </table>
            </form>
        </div>
    </div>
</div>

JSfiddle

注意:我使用的是抽象层，因此无法更改 <form> 的类.

如何使用 Twitter-Bootstrap 使表单居中？

仅供引用:我也尝试过 pagination-centred .

Answer 1

在 Bootstrap 中定位元素的 native 方法是使用 offset。我假设您使用的是 12 列布局。

Bootstrap 2

<div class="container">
    <div class="row">
        <div class="span6 offset3">
            <form>
                ...
            </form>
        </div>
    </div>
</div>

更多信息请参见 documentation

Bootstrap 3

<div class="container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <form>
                ...
            </form>
        </div>
    </div>
</div>

更多信息请参见 documentation