ruby-on-rails - 在 Formtastic 的同一个 LI 元素中包含两个输入

Question

使用 formtastic，我有一个数量字段和单位字段，用于询问项目的数量及其测量单位。

我的问题是，我希望单位框与数量框一起显示。但是，因为 formtastic 将每个输入都放在它自己的 LI 元素中，所以我无法让它们彼此相邻出现。

有任何想法吗？

Answer 1

为您的数量和单位字段使用 html 包装器:

<%= form.input :quantity,   :wrapper_html => { :class => 'fl' } %>
<%= form.input :unit,       :wrapper_html => { :class => 'fl' } %>

在你的 css(可能是 formtastic-changes.css)中，一个 css float 属性来 float li。我添加了一点右边距来给单位标签一些喘息的空间:

form.formtastic fieldset ol li.fl {float: left; margin-right: 2em;}

您可能需要为 wrapper_html 设置特定的类或 id 并摆弄 css 以使您的布局和间距按照您想要的方式工作。