Css 如何在twitter引导中集中表单？ 福

注意：我使用的是抽象层，因此无法更改

的类

如何使用推特引导以表单为中心？

---

仅供参考：我也尝试过以

分页为中心的
没有什么比好的ol'CSS更好的了

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

并将
.span6
更改为
.span12

Jsfiddle。
​
 在引导中定位元素的本机方法是使用
offset
。我假设您使用的是12列布局

引导程序2

...

有关进一步资料，请参阅

引导程序3

...

中的进一步信息发布的两个答案都是有效的，因此我对它们进行了投票。这里是另一个我没有看到张贴的方法

通过将表单设置为
显示：内联块
并使用
文本对齐：居中
在
.center
容器中居中，可以将表单居中。这样，无论容器内的宽度如何，表单都将居中：

CSS

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

你试过这个吗

.center {
    text-align:center;
}

.center form {
    display:inline-block;
}

这对我来说是一个简单快捷的解决方案。

.center form {
        display: table;
        margin: 0 auto;
    }


你在为表单编码吗

这就是我找到答案的地方


谢谢，
offset4
看起来差不多不错，但我想我正在寻找介于
offset3
和
offset4
之间的某个地方。。。i、 例如：CentredHanks，它起作用了，但也改变了我的标签和输入区域的文本对齐方式。所以我不得不用额外的CSS来修复它们。
.center {
    text-align:center;
}

.center form {
    display:inline-block;
}

.center form {
        display: table;
        margin: 0 auto;
    }

<div class="container">

<div class="container">
  <div class="row">
    <div class="span9 centred">
      This div will be centred.
    </div>
  </div>
</div>

[class*="span"].centred {
  margin-left: auto;
  margin-right: auto;
  float: none;
}