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

Question

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

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

有任何想法吗？

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来调整您的布局和间距,使其按您喜欢的方式工作.