1

以下命令集成simple_form与Twitter的自举Bootstrap3和简单的形式

$轨摹simple_form:安装--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与引导3整合。这是什么命令?

回答

3

这是一个有点棘手的引导3与SimpleForm正常工作,但在这个页面工作的指示很适合我,几乎一字不差:

Using Twitter Bootstrap 3 with simple_form

(我使用Rails 3.2,但我认为他们会同样出色的工作为Rails 4因人而异)

这里的关键点:

  1. 修改simple_form.rb初始通过将col-lg-2添加到config.label_class声明
  2. 通过将“control-group”的所有实例(3)更改为“form-group”并将“control”的所有实例(3)更改为“col-lg”来修改simple_form_bootstrap.rb初始化程序-10“
  3. 添加额外的初始化程序(在现有的simple_form初始化程序之前加载!)以修改输入本身上的类。

而且,当然,别忘了重新启动您的Rails服务器以获取更改。

+0

感谢您的回答 – Sam

+0

因此,有额外的配置设置。自述文件xp – ahnbizcad

+0

#2)它不是'control',而是'controls',应该更改为'col-lg-10'。以防万一有人在想。 – ahnbizcad