Railsでフォームをどのように具体化するのですか？

Question

私はRailsアプリケーションでMaterialize CSSを実装しました。私はすでにBootstrapをインストールしていました。

基本的には、アプリ内にマテリアライズフォームコンポーネントが必要です。フォームから詳細を提出するRailsで実際にマテリアライズフォームを作成する方法を考えています。私はコンポーネントが表示されて参照してください。

このフォーム内でマテリアライズフォームコンポーネントを実装するにはどうすればよいですか？私の工夫、編集フォームで 、フォームは次のようになります。

<div class="panel-body"> 
      <%= form_for resource, as: resource_name, url: registration_path(resource_name), layout: :horizontal do |f| %> 
      <!-- = devise_error_messages! 
      --> 
      <div><%= f.label :first_name %><br /> 
      <%= f.text_field :first_name, autofocus: true %></div> 

      <div><%= f.label :last_name %><br /> 
      <%= f.text_field :last_name, autofocus: true %></div> 

      <div><%= f.label :gender %><br /> 
      <%= f.text_field :gender, autofocus: true %></div> 

      <div><%= f.label :age_range %><br /> 
      <%= f.text_field :age_range, autofocus: true %></div> 


      <%= f.email_field :email, autofocus: true %> 
      <% if devise_mapping.confirmable? && resource.pending_reconfirmation? %> 
       <p> 
       Currently waiting confirmation for: 
       <%= resource.unconfirmed_email %> 
       </p> 
      <% end %> 
      <%= f.password_field :current_password %> 
      <%= f.password_field :password, autocomplete: "off" %> 
      <%= f.password_field :password_confirmation, autocomplete: "off" %> 

      <%= f.submit "Update" %> 
      <% end %> 
     </div> 
     </div> 

Answer 1

あなたはこのようなあなたの入力フィールドにMaterilizeCSS入力フィールドのクラスを使用することができます。

このように、MaterializeCSSスタイルを達成できます。

Answer 2

は

gem 'materialize-form' 

あなたgemfileにこれを追加し、these instructionsに従ってください。