Bootstrap3和簡單的形式

Question

以下命令集成simple_form與Twitter的自舉

$軌摹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整合。這是什麼命令？

Answer 1

這是一個有點棘手的引導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服務器以獲取更改。