在Formtastic中的同一LI元素中包含两个输入

Question

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

我的问题是，我希望单位框显示在数量框的旁边。但是，因为在它自己的LI元素中每个输入的formtastic pust，我不能让它们彼此相邻。

有什么想法吗？

Answer 1

为数量和单位字段使用html包装器：

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

在你的css（可能是formtastic-changes.css）中，一个用于浮动li的css float属性。我添加了一些右边距，为单位标签提供了一些呼吸空间：

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

你可能必须为wrapper_html设置特定的类或id，并使用css来调整你的布局和间距，以便按照自己喜欢的方式工作。