中心水平forms的twitter bootstrap

我已经尝试了所有我能想到的东西，并查看了每一篇文档/教程/ github自述文件。

我正在构建一个简单的rails应用程序，它使用简单的forms和twitter bootstrap。

我希望我的表单位于页面的中心，我可以通过在我的bootstrap css文件中添加这些字段来移动到中心：

body { text-align: center; }

结果如下：

Imgur

无论我做什么，我都无法将标签“ control-label ”与中心对齐。我尝试过在很多其他事情中使用id 。

这是我的表单的代码：

   { :class => 'form-horizontal' } do |f| %>  { :maxlength => 10 }, :label_html => { :class => 'control-label' } %>    'btn-primary' %>

和生成的HTML：

   New Message
 
    Phone   
 
  Message

请问有人可以提供一些支持吗？

在这种情况下，通过常规方式（使用margin: 0 auto ）进行居中将不起作用，因为表单没有附加宽度，但是无论宽度如何都可以通过在表单inline-block声明容器div来使其居中然后以文本为中心的forms，如下：

 #new_message { text-align:center; } .center { display:inline-block; }

演示： http ： //jsfiddle.net/uyKqJ/ ，查看此处： http ： //jsfiddle.net/uyKqJ/show/

添加form {margin:0 auto}以使整个表单居中。

您必须使用width: some_value和margin:auto来整个表单的中心。（不要忘记position:relative;和display:block; ）

New Message