最简洁的方式为formtastic提交按钮设置样式

Question

我正在使用formtastic和Twitter Bootstrap。我想自动设置它为我的formtastic表单的所有提交按钮将是“btn large primary”并取消按钮为“btn large default”而不必手动复制这些样式以进行formtastic按钮样式。主要是如果我决定稍后改变“主要”按钮的样子，所以我不必在多个地方更改它。

最干净的方法是什么？

Answer 1

您可以在应用程序帮助程序或该模型的帮助程序中创建变量。

@submit_button_css_classes = "btn large primary"
@cancel_button_css_classes = "btn large default"

然后在你的表格中

<%= f.action :submit, class: @submit_button_css_classes  %>
<%= f.action :cancel, class:  @cancel_button_css_classes %>