我已经尝试了所有我能想到的东西,并查看了所有文档/教程/ github自述文件.
我正在构建一个简单的rails应用程序,它使用简单的形式和twitter bootstrap.
我希望我的表单位于页面的中心,我可以通过在我的bootstrap css文件中添加这些字段来移动到中心:
body {
text-align: center;
}
Run Code Online (Sandbox Code Playgroud)
结果如下:

无论我做什么,我都无法将标签control-label对齐到中心.我尝试过使用id其他许多东西.
这是我的表单的代码:
<%= simple_form_for @message, :html => { :class => 'form-horizontal' } do |f| %>
<%= f.input :phone, :input_html => { :maxlength => 10 }, :label_html => { :class => 'control-label' } %>
<%= f.input :message %>
<div class="form-actions" id="sendbtn">
<%= f.button :submit, :class => 'btn-primary' %>
</div>
<% end %>
Run Code Online (Sandbox Code Playgroud)
和生成的html:
<div class="container">
<div class="page-header">
<h1 id="pagetitle">New Message</h1>
</div>
<form id="new_message" class="simple_form form-horizontal" …Run Code Online (Sandbox Code Playgroud)