0

私はこのようなsimple_formを持っています

<%= simple_form_for(@name) do |f| %>
  <%= f.error_notification %>
  <div class="form-inputs">
    <%= f.input :fname %>
    <%= f.input :lname  %>
    <%= f.input :body %>        
  </div>

  <%= f.button :submit, 'submit' %>
<% end %>

ラベルを水平にして他のブートストラップ コードを適用したいのですが、simple_form_for には form_for のような div がないため、その方法がわかりません。

ありがとう

4

2 に答える 2

3

gem の Web サイトで詳しく説明されています: https://github.com/plataformatec/simple_form

1) 以下を実行して、simpleform の Twitter ブートストラップ構成を生成します。

rails generate simple_form:install --bootstrap

2) サンプル アプリケーションの例に従ってください: https://github.com/rafaelfranca/simple_form-b​​ootstrap /blob/master/app/views/articles/_form.html.erb

<%= simple_form_for @name, :html => { :class => 'form-horizontal' } do |f| %>

  <%- if f.error_notification %>
    <div class="alert alert-error fade in">
      <a class="close" data-dismiss="alert" href="#">&times;</a>
      <%= f.error_notification %>
    </div>
  <%- end %>

  <div class="form-inputs">
    <%= f.input :fname %>
    <%= f.input :lname  %>
    <%= f.input :body %>        
  </div>

<% end %>
于 2013-03-02T10:06:47.993 に答える
1

simple_form ドキュメントから

SimpleForm は Twitter Bootstrap に簡単に統合できます。これを行うには、次のように、インストール ジェネレーターでブートストラップ オプションを使用する必要があります。

rails generate simple_form:install --bootstrap

アプリケーションに Twitter Bootstrap アセットのコピーを追加したことを確認する必要があります。

詳細については、ジェネレーターの出力、サンプル アプリケーション コード、ライブ サンプル アプリを参照してください。

注: SimpleForm 統合には、Twitter Bootstrap バージョン 2.0 以降が必要です。

于 2013-03-02T10:05:37.137 に答える