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-2config.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 回答