0

わかりましたので、これが私の .html.erb ファイルです。ご覧のとおり、 を実行するmargin-fixだけのクラスが適用されていmargin-bottom: 10px;ますが、問題はこれが適用されないことです。

以下に、クラスのボタンがありsign_in_button、すべてのスタイルが正常に機能しますが、フィールドでは機能しません。それらは一緒に窮屈になり、ある程度のマージンが必要ですが、うまくいきません. すべての css は に適用されますapplication.css。うまくcustom.cssロードされましたが、フォームのみにスタイルを適用しませんでした。数日前にインストールしたばかりのレールの現在のダウンロードを使用しています。

<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

スペルミスの可能性は別として、推奨されている 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。

于 2013-11-13T16:26:15.080 に答える
0

「margin-fix」（ハイフン付き）クラスについて言及していますが、上記のERBでは、クラスは「margin_fix」（アンダースコア付き）と呼ばれています。

クラスは ERB ファイルと CSS ファイルで同じものを呼び出していますか?

于 2013-11-13T16:05:01.220 に答える