CSSクラスを<％= f.submit％>に追加します

私の質問は簡単です：

<%= f.submit %>

クラス宣言はどこに行きますか？複数回試行するとエラーが発生します。

<%= f.submit 'name of button here', :class => 'submit_class_name_here' %>

これで十分です。エラーが発生する場合は、名前を指定していない可能性があります。

または、クラスなしでボタンのスタイルを設定できます。

form#form_id_here input[type=submit]

それも試してみてください。

次のようにして、フォームの送信ボタンにクラス宣言を追加できます。

<%= f.submit class: 'btn btn-default' %> <-注：コンマはありません！

足場の_ form.html.erbパーシャルを変更していて、コントローラーアクション間でボタン名の動的な変更を維持したい場合は、名前を指定しないでください'name'。

名前を指定せず、フォームがレンダリングされるアクションに応じて、ボタンは次の名前の.class = "btn btn-default"（Bootstrapクラス）（または.class指定したもの）を取得します。

• model_nameを更新する

• model_nameを作成します
  （model_nameは足場のモデルの名前です）

Rails 4とBootstrap 3の「プライマリ」ボタン

<%= f.submit nil, :class => 'btn btn-primary' %>

次のようなものが得られます：

Srdjan Pejicが言うように、あなたは使うことができます

<%= f.submit 'name', :class => 'button' %>

または次のような新しい構文：

<%= f.submit 'name', class: 'button' %>

form_withヘルパーを使用する場合の解決策

Rails 5.2のwith form_withヘルパーを使用する場合：コンマを追加しないでください！

<%= f.submit class: 'btn btn-primary' %>

HTH！

デフォルトでは、Rails 4は 'value'属性を使用して、表示されるボタンのテキストを制御します。そのため、マークアップをきれいに保つには、

<%= f.submit :value => "Visible Button Text", :class => 'class_name' %>

それらの両方が機能し <%= f.submit class: "btn btn-primary" %>、 <%= f.submit "Name of Button", class: "btn btn-primary "%>