7

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

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

谢谢你的关注。

4

3 回答 3

7

好吧，今天我尝试 fork formtastic 并使其与 bootstrap 兼容……标记与代码的耦合非常紧密，所以我放弃并改用 simple_form。与 Rails中的建议配合得很好：使用 simple_form 和集成 Twitter Bootstrap

于 2011-09-09T20:18:21.833 回答
6

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

于 2011-11-08T20:12:29.350 回答
0

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

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

// @import "forms.scss";

不要忘记将 formtastic CSS 添加回：

<%= stylesheet_link_tag 'formtastic', 'formtastic_changes' %>
于 2011-10-20T07:55:48.210 回答