完全将表单置于引导程序中

Question

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

因此，如果网格为100 x 100，那么表格将为50,50。

我可以使用text-align: center;将表单稍微提升到firefox的屏幕中心，但是firefox将它放到了右边。

我该怎么办才能到达中心？

Here is my HTML

Here is my bootstrap.css

Answer 1

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

Answer 2

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

在玩完这个之后，我没有找到明确的解决方案，但这就是我的想法：

• 阅读CSS媒体查询...这将为您提供解决方案 桌面＆gt;移动问题更容易！
• 不要使用CSS进行垂直对齐。 Div不是表格单元格 并不能真正像他们一样行事。一个小小的JavaScript，嗅出来 屏幕的宽度和定位数学是否更好。一个 快速谷歌搜索会带来很多。