如何让simple_form和bootstrap一起工作?

时间:2014-11-13 19:29:19

标签: ruby-on-rails twitter-bootstrap ruby-on-rails-4 simple-form

我使用simple_form在我的Rails应用程序中生成表单。我想在这些表单中使用bootstrap。所以我已经安装了以下宝石并将它们添加到我的gemfile中......(1)simple_form,(2)twitter-bootstrap-rails。最后,根据我运行的simple_form git页面上的说明rails generate simple_form:install --bootstrap

运行bundle install后,一切都已安装,服务器正在运行。然而,表格仍然没有正确显示,因为他们会使用类" form-control"。

表格

= 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" } }。前者有点挫败我相信的目的,而后者有效,但它也将类应用于不理想的文件输入。

我错过了设置步骤吗?或者我做错了什么。如果我需要提供更多信息或遗漏某些内容,请告知我们。谢谢!

1 个答案:

答案 0 :(得分:1)

您可能忘了将bootstrap资产添加到application.css文件中 simple_form自述文件包含以下行:

  

您必须确保在应用程序中添加了Bootstrap资产的副本。