ruby-on-rails - 在 bootstrap 3 中使用 simple_form

标签 ruby-on-rails twitter-bootstrap simple-form twitter-bootstrap-3

有谁知道如何将 simple_form 使用的类从“控件”更改为“表单控件”。这是在 Bootstrap 3 中所做的更改。我知道 config/initializers/simple_form.rb 和 config/initializers/simple_form_bootstrap.rb 中有很多选项,但我找不到我需要的。

  config.wrappers :bootstrap, :tag => 'div', :class => 'control-group', :error_    class => 'error' do |b|
   b.use :html5
   b.use :placeholder
   b.use :label
   b.wrapper :tag => 'div', :class => 'controls' do |ba|
     ba.use :input
     ba.use :error, :wrap_with => { :tag => 'span', :class => 'help-inline' }
    ba.use :hint,  :wrap_with => { :tag => 'p', :class => 'help-block' }
  end
end

在上面你可以将'control-group'换成'form-group',但我看不出有办法改变输入标签的类。

最佳答案

在较新的 simple_form 版本中,您可以使用一个新的全局配置:

config.input_class = "form-control"

您需要 gem 版本 >3.0.0,它取决于 rails >4.0.0,或即将发布的 2.2 版本。您现在可以使用 github 上的 v2.2 分支。

https://github.com/plataformatec/simple_form/blob/v2.2/CHANGELOG.md

关于ruby-on-rails - 在 bootstrap 3 中使用 simple_form,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18403372/

相关文章:

ruby-on-rails - 在 rails 3.2 中存储带时区的时间戳

ruby-on-rails - 在 Action Mailer 中设置实例变量?

ruby-on-rails - 如何将jquery-ui添加到Ruby on Rails 3.1应用程序?

ruby-on-rails - 在 Ruby on Rails 生产服务器的 Passenger 之前错误地安装了 Nginx

ruby-on-rails - 来自 Twitter Bootstrap 中下 zipper 接的模态

css - 在div的左下角和右下角对齐两个图像

html - 如何在 Bootstrap 网格中制作响应式图像堆栈

ruby-on-rails - Cocoon添加关联,如何限制关联数

ruby-on-rails - Rails 5 - 在 gem 上充当 Taggable - 简单表单集合选择已定义的标签列表

css - 简单形式的 Rails - 样式