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

Question

使用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属性飘起了李。我平添了几分右边缘的给予单位标签一些喘息的机会：

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

您可能必须具有对wrapper_html和小提琴特定的类或ID用CSS让你的布局和间距工作你喜欢的方式。