包括在同一個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讓你的佈局和間距工作你喜歡的方式。