Css 注册表格样式

Css 注册表格样式,css,sass,railstutorial.org,Css,Sass,Railstutorial.org,我的报名表不像书上写的。它太大了。我无法修复它,因为我不太了解CSS。 我如何解决这个问题? 文件new.htm.erb <% provide(:title, 'Sign up') %> <h1>Sign up</h1> <div class="row"> <div class="span6 offset3"> <%= form_for(@user) do |f| %> <%= render '

我的报名表不像书上写的。它太大了。我无法修复它,因为我不太了解CSS。 我如何解决这个问题? 文件new.htm.erb

<% provide(:title, 'Sign up') %>
<h1>Sign up</h1>
<div class="row">
  <div class="span6 offset3">
    <%= form_for(@user) do |f| %>
      <%= render 'shared/error_messages' %>
      <%= f.label :name %>
      <%= f.text_field :name %>
      <%= f.label :email %>
      <%= f.text_field :email %>
      <%= f.label :password %>
      <%= f.password_field :password %>
      <%= f.label :password_confirmation, "Confirmation" %>
      <%= f.password_field :password_confirmation %>
      <%= f.submit "Create my account", class: "btn btn-large btn-primary" %>
    <% end %>
  </div>
</div>

感谢您尝试帮助我)

不知道您对表单的期望如何,我只能为您提供一个近似的解决方案:

form {
  width: 50%;
  margin: 0 auto;
}

通过这种方式,您可以将表单的宽度设置为可用空间的一半(它将“更小”),并将其水平居中。

我们不知道表单在书中的外观;)您还应该准备一个易于复制的示例,即不需要rails应用程序。您至少可以复制生成的html(“从浏览器窗口查看源代码”),并在此处提供它。
form {
  width: 50%;
  margin: 0 auto;
}