css - Ruby on Rails--提交按钮和页面与网页一样宽

Question

遵循 Micheal Hartl 的 ruby​​-on-rails 教程

注册页面布局部分(7.22， list 7.19>> http://www.railstutorial.org/book/sign_up)

但问题是我的页面显示很奇怪，提交按钮和网页一样宽，更不用说整个表单了。

我检查了代码，它与书中所说的相同，唯一的区别是我将“$grayLighter”更改为“$gray-light”，因为我认为“$grayLighter”已贬值。

这是我的 custom.css.scss

 input, textarea, select, .uneditable-input {
  border: 1px solid #bbb;
  width: 100%;
  margin-bottom: 15px;
  @include box_sizing;
  }

   input {
    height: auto !important;
  }

这是我的 应用程序/views/users/new.html.erb

<% provide(:title, 'Sign up') %>
<h1>Sign up</h1>

<div class="row">
  <div class="span6 offset3">
    <%= form_for(@user) do |f| %>

      <%= 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>

Answer 1

我最近遇到的一件事是在构建的 :precompile 阶段引入了 CSS。因此，当我进行 CSS 更改时，我必须记住构建应用程序，或启动主机，以便它在 :precompile 期间引入任何 CSS 更改。

我做的测试是将 CSS 放在 html.erb 页面顶部的括号中。

这让我可以在浏览器上通过简单的页面刷新来测试 CSS。一旦我开始工作，我就知道它看起来不错。然后我将该 CSS 复制到相关的 CSS 文件并构建它以再次测试它。

不确定这是否是您的问题，但我知道这让我很困扰。