我如何獲得simple_form和bootstrap一起工作？

我正在使用simple_form在我的Rails應用程序中生成我的表單。我想用這些形式使用bootstrap。所以我已經安裝了以下寶石並將它們添加到我的gemfile中（1）simple_form，（2）twitter-bootstrap-rails。最後，在我運行的simple_form git頁面上，按照說明操作，rails generate simple_form:install --bootstrap。我如何獲得simple_form和bootstrap一起工作？

運行後bundle install安裝了所有東西並運行服務器。然而，這些表格仍然沒有像「表格控制」那樣正確顯示。

表

= simple_form_for @user, html: { multipart: :true, class: "form-horizontal" } do |f| 
    = f.input :headshot_image, as: :file 
    = f.input :remote_headshot_image_url, placeholder: "Image Url" 
    = f.input :first_name, required: true 
    = f.input :middle_name 
    = f.input :last_name, required: true

我能得到它的「工作」由兩種不同的方法（兩者都沒有，我相信是正確的）。首先我可以爲每個輸入添加, class: "form-control"，或者我可以添加到simple_form_for :defaults => { :input_html => { :class => "form-control" } }。前者有點失敗了我相信的目的，後者起作用，但它也將類應用於不理想的文件輸入。

有沒有我錯過的設置步驟？或者我做了一些不正確的事情。如果我需要提供更多信息或留下問題，請告訴我。謝謝！

來源

2014-11-13 daveomcd

你有沒有重新啓動服務器？每次你安裝一個gem ..確保你重新啓動服務器@RahulSambari –

，是的，我做到了。依然沒有。 – daveomcd

你是否得到任何錯誤或只是simple_form引導不反映>？ –

也許你忘了添加引導資產application.css文件 simple_form自述有以下行：

你必須確保你添加的引導資產的副本，您的應用程序。

來源

2014-11-13 20:41:16

如果我已經安裝了'twitter-bootstrap-rails'gem，我是否需要下載一個副本並將其放置在assets文件夾中？ – daveomcd

不，但你可能沒有在application.js中包含它們 –

我在應用程序js中有這個//// require require/bootstrap'和'* = require bootstrap_and_overrides' in my application.css – daveomcd

我如何獲得simple_form和bootstrap一起工作？

回答

相關問題