完全在引导中对齐表格

Question

我使用twitter引导为桌面和手机创建网站。我希望登录表单在x方向和y方向都居中。

所以如果网格是100 x 100，那么表单将会是50,50。

我可以使用text-align: center;将表格稍微拉到屏幕的中心位置，但firefox会把它放在右边。

如何才能到达中心？

Here is my HTML

Here is my bootstrap.css

Answer 1

尝试在包含表单的<div>使用margin:auto;。

Answer 2

那里有很多嵌套的div标签，虽然我知道它部分是Bootstrap的错！我要强调的一件事就是利用Bootstrap中已经使用的那些，而不是增加新的来改变定位，因为这会带来很多麻烦。

玩这个之后，我并没有拿出一个明确的解决方案，但在这里就是我想：

• 对CSS媒体查询阅读起来......这将使解决您的桌面 >移动问题容易得多！
• 不要将CSS用于垂直对齐。 Div不是表格单元格 ，并不能真正像他们那样行事。一个小的JavaScript，可以嗅出屏幕的宽度，定位数学更好。快速谷歌搜索将带来大量的 。