0

bootstrap-sass -gem を使用してフォームに別の Bootstrap フォーム クラスを選択するにはどうすればよいですか? 現在、ユーザーのサインアップとログイン用のフォームを作成しており、デフォルトの .form-horizo​​ntal の代わりに .form-inline クラスを利用するのが好きでした。

ビューのコードは次のようになります。

<%= form_for(@user, :html => {:class '.form-inline'}) do |f| %>
<div><%= f.label :email %><br />
<%= f.email_field :email %></div>

<div><%= f.label :password %><br />
<%= f.password_field :password %></div>

<% if devise_mapping.rememberable? -%>
<div><%= f.check_box :remember_me %> <%= f.label :remember_me %></div>
<% end -%>

<div><%= f.submit "Sign in" %></div>
<% end %>

これは、生成された html が次のように見えるため、適切な .form-inline クラスで html を生成するようですが、フォームはまだ .form-horizo​​ntal としてフォーマットされています。

<form accept-charset="UTF-8" action="/users" class="form-inline" id="new_user" method="post">

ご協力いただきありがとうございます！

4

2 に答える 2

0

Twitter のブートストラップでは、フォームに特定の html 構造が必要でした。手動でフォームを作成する代わりに、simple_form gem を使用することをお勧めします。これにより、twitter ブートストラップ用の適切なマークアップを使用してフォームを作成できます: https://github.com/plataformatec/simple_form。

于 2012-07-24T23:17:26.850 に答える