1

次のコマンドは、simple_form を twitter-bootstrap と統合します

$ rails g simple_form:install --bootstrap

  identical  config/initializers/simple_form.rb

  create  config/initializers/simple_form_bootstrap.rb

  exist  config/locales

  identical  config/locales/simple_form.en.yml

  identical  lib/templates/erb/scaffold/_form.html.erb
===============================================================================

  Be sure to have a copy of the Bootstrap stylesheet available on your
  application, you can get it on http://twitter.github.com/bootstrap.

  Inside your views, use the 'simple_form_for' with one of the Bootstrap form
  classes, '.form-horizontal', '.form-inline', '.form-search' or
  '.form-vertical', as the following:

    = simple_form_for(@user, html: {class: 'form-horizontal' }) do |form|

===============================================================================

しかし、 simple_form をbootstrap 3と統合したいと考えています。これに使用されるコマンドは何ですか?

4

1 に答える 1

3

Bootstrap 3 を SimpleForm で適切に動作させるのは少し難しいですが、このページの手順は私にとってはほぼそのままでうまく機能します。

simple_form で Twitter Bootstrap 3 を使用する

(私は Rails 3.2 を使用していますが、Rails 4.YMMV でも同様に機能すると思います。)

重要なポイントは次のとおりです。

  1. 宣言simple_form.rbに追加col-lg-2して初期化子を変更しますconfig.label_class
  2. simple_form_bootstrap.rb「control-group」のすべてのインスタンス (3) を「form-group」に変更し、「control」のすべてのインスタンス (3) を「col-lg-10」に変更して、初期化子を変更します。
  3. 追加の初期化子を追加して (既存の simple_form 初期化子の前にロードしてください!)、入力自体のクラスを変更します。

そしてもちろん、Rails サーバーを再起動して変更を有効にすることを忘れないでください。

于 2014-05-22T14:35:34.580 に答える