在 Rails 3 中，使用 Formtastic 2，如何用 div 替换内置的有序列表？答案

【问题标题】：In Rails 3, using Formtastic 2, how can I replace the built in ordered list with div's?在 Rails 3 中，使用 Formtastic 2，如何用 div 替换内置的有序列表？
【发布时间】：2011-09-07 21:05:15
【问题描述】：

在我的 Rails 3 应用程序中，我使用Twitter Bootstrap 作为开发内部项目管理系统的框架。我正在使用 Formtastic 来帮助我处理表单，因为它节省了大量时间和代码。我的问题是让 Formtastic 代码以符合 Bootstrap 约定的方式输出表单。我已经阅读了我在 Google 上找到的一些项目，建议我应该对 Formtastic 进行猴子补丁，但我无法成功地做到这一点。

如何自定义 Formtastic 的输出以在每个字段周围使用 div 以便我可以使用 Bootstrap？

感谢您的关注。

【问题讨论】：

标签： ruby-on-rails-3 formtastic twitter-bootstrap

【解决方案1】：

好吧，今天我尝试 fork formtastic 并使其与引导程序兼容...标记与代码的耦合非常紧密，所以我放弃了并改用 simple_form。与Rails: Using simple_form and integrating Twitter Bootstrap 中的建议配合得很好

【讨论】：

我不会回答这个问题，因为这并不能真正回答它，但我会 +1 并且可能最终会走这条路。

【解决方案2】：

您可以使用formtastic-bootstrap gem。你应该可以把它放进去，它会生成可以自然地与 Twitter Bootstrap 一起工作的 HTML。

【讨论】：

【解决方案3】：

如果您使用来自scss-twitter-bootstrap 项目之一的 SCSS 文件，您可以简单地注释掉或删除 CSS 表单部分的包含。

只需将它们复制到 app/stylesheets (Rails 3.0) 或 app/assets/stylesheets 并注释掉：

// @import "forms.scss";

不要忘记将 formtastic CSS 添加回去：

<%= stylesheet_link_tag 'formtastic', 'formtastic_changes' %>

【讨论】：