我使用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" } }
。前者有点挫败我相信的目的,而后者有效,但它也将类应用于不理想的文件输入。
我错过了设置步骤吗?或者我做错了什么。如果我需要提供更多信息或遗漏某些内容,请告知我们。谢谢!
答案 0 :(得分:1)
您可能忘了将bootstrap资产添加到application.css文件中 simple_form自述文件包含以下行:
您必须确保在应用程序中添加了Bootstrap资产的副本。