0

好的，这是我的 .html.erb 文件。如您所见，我margin-fix应用了仅执行 a 的类margin-bottom: 10px;，问题是这不适用。

现在在下面我有类的按钮，sign_in_button所有样式都可以正常工作，但不能在字段上工作。它们是挤在一起的方式，需要一些余量，但它不起作用。所有的 css 都应用在application.css. 我什至尝试了一个custom.css加载良好但不只将样式应用于表单的方法。我正在使用几天前刚刚安装的当前下载的rails。

<div class="container">
  <div class="row">
    <div class="col-md-4 well sign_in">
      <%= simple_form_for(resource, :as => resource_name, :url =>    
session_path(resource_name)) do |f| %>

      <fieldset>
        <legend>Sign In</legend>

      <%= f.input :email, :class => 'margin_fix' %>
      <%= f.input :password %>

      <% if devise_mapping.rememberable? -%>
      <div><%= f.input :remember_me, as: :boolean %> </div>
      <% end -%>

      <div><%= f.submit "Sign In", :class => 'sign_in_button' %></div>
    </fieldset>
      <% end %>

      <%= render "devise/shared/links" %>
    </div>
    <div class="col-md-8">
      <h2>Signing in is easy and secure</h2>
    </div>
  </div>
</div>
4

3 回答 3

0

我删除了所有公共/资产文件并更改了

config.assets.debug = true

至

config.assets.debug = false

现在它似乎工作得很好。

于 2013-11-14T03:37:15.267 回答
0

您提到了一个“margin-fix”（带有连字符）类，但在上面的 ERB 中，该类称为“margin_fix”（带有下划线）。

类在 ERB 和 CSS 文件中的名称是否相同？

于 2013-11-13T16:05:01.220 回答
0

除了可能的拼写错误：您没有使用推荐的 Bootstrap 3（您显然正在使用）格式。您应该使用form-group- 和form-control- 类。将您的字段集替换为：

<fieldset>
  <legend>Sign In</legend>

  <div class="form-group margin_fix">
    <%= f.input :email, :class => 'form-control' %>
  </div>
  <div class="form-group">
    <%= f.input :password, :class => 'form-control' %>
  </div>

  <% if devise_mapping.rememberable? -%>
    <div class="form-group">
      <%= f.input :remember_me, :class => 'form-control', as: :boolean %>
    </div>
  <% end -%>
  <div>
    <%= f.submit "Sign In", :class => 'sign_in_button' %>
  </div>
</fieldset>

如果这不起作用，请发布margin_fix-class 的定义。

于 2013-11-13T16:26:15.080 回答