css – 如何在twitter引导中居中的形式?

前端之家收集整理的这篇文章主要介绍了css – 如何在twitter引导中居中的形式?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<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获取表单?

FYI:我也尝试以分页为中心。

解决方法

发布的两个答案都是有效的,所以我很高兴他们。这是另一种方法,我没看到发布。

您可以通过将窗体设置为显示内容:将内联块放在.center容器中并使用text-align:center居中。这样,不管容器内的宽度如何,表单都将居中:

CSS

.center {
    text-align:center;
}

.center form {
    display:inline-block;
}

猜你在找的CSS相关文章