【问题标题】:Completely centering a form in bootstrap在引导程序中完全居中表单
【发布时间】:2013-03-26 22:35:01
【问题描述】:
我正在使用 twitter 引导程序为台式机和手机创建网站。我希望登录表单在 x 方向和 y 方向都居中。
所以如果网格是 100 x 100,那么表格将是 50,50。
我可以使用text-align: center; 将表单移到firefox 的屏幕中心,但firefox 将它放在右边一点。
我要怎么做才能到中心?
Here is my HTML
Here is my bootstrap.css
【问题讨论】:
标签:
css
forms
twitter-bootstrap
responsive-design
【解决方案1】:
尝试在包含表单的<div> 上使用margin:auto;。
【解决方案2】:
那里有很多嵌套的 div 标签,尽管我知道这部分是 Bootstrap 的错!我要强调的一件事是利用您已经在 Bootstrap 中使用的那些,而不是添加新的来改变定位,因为这会带来很多麻烦。
玩了这个之后,我没有想出一个明确的解决方案,但这是我的想法:
- 阅读 CSS 媒体查询...这将为您提供解决方案
桌面 > 移动问题更容易!
- 不要使用 CSS 进行垂直对齐。 div 不是表格单元格
并且不能像他们那样行事。一个能嗅出的小 JavaScript
屏幕的宽度和定位数学更好。一种
快速的谷歌搜索会带来很多。