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

使用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）中，一个css float属性来浮动li。 我添加了一些右边距，为单位标签提供了一些呼吸空间：

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

您可能必须为wrapper_html设置特定的类或ID，并使用css来调整布局和间距，使其按您喜欢的方式工作。