Rails:使用simple_form并集成Twitter Bootstrap

Question

我正在尝试构建一个rails应用程序,而simple_form看起来是一个非常有用的宝石.问题是我使用twitter bootstrap css来做样式,而simple_form不允许你指定html的布局.

谁能告诉我如何将simple_form html符合bootstrap css想要的格式？

Answer 1

注意:此答案仅适用于SimpleForm <2.0

从这开始config/initializers/simple_form.rb:

SimpleForm.form_class = nil
SimpleForm.wrapper_class = 'clearfix'
SimpleForm.wrapper_error_class = 'error'
SimpleForm.error_class = 'help-inline'

然后标签元素和输入之间缺少空间,您可以使用此添加:

label {
  margin-right: 20px;
}

可能还有更多,但这是一个开始.

Answer 2

简单形式2.0是引导感知:

rails generate simple_form:install --bootstrap

Answer 3

我最近遇到了同样的问题,尝试了bootstrap-sass和formtastic-bootstrap的组合.它使用与formtastic的代码完全相同的代码,并按预期显示甚至错误消息.

bootstrap-sass也适用于Rails 3.1 Asset Pipeline和Rails 3.0.formtastic-bootstrap用RSpec测试,所以我认为这是一个很好的方法!