2012-01-05 68 views
1

我使用Formtastic渲染表单,并希望显示内嵌输入。例如,以Formtastic形式内嵌显示

“输入你的电子邮件”,“电子邮件文本框”,“请输入密码”,“密码文本框”,“注册按钮”

我试图解决在Include two inputs in same LI element in Formtastic建议,但表单呈现偏斜。具体而言,标签(输入电子邮件,输入密码)并排显示,然后是文本框,尽管它们都显示在同一行中。

“输入你的邮箱”,“请输入密码”,“电子邮件文本框”,“密码文本框”

谢谢!

回答

0

你不能只使用CSS来水平显示列表使用这样的事情?

Horizontal List CSS

这大小建议你应该只使用

ul li { 
    display: inline; 
} 
+0

那正是我所做的一切,但没有成功: form.formtastic字段集醇li.fl {显示:内联;} 我猜formtastic是从后面超越它。我也无法从Inspect Element获得任何提示。 – abhijeetmisra 2012-01-05 12:42:49

+0

.fl类从哪里来?那是所有你的formtastic列表元素吗?你没有尝试过吗? – Nick 2012-01-05 13:23:07

+0

'fl'是我想要内联呈现的每个表单输入上的html包装类。不,我没有在其他地方使用它。 – abhijeetmisra 2012-01-05 13:39:39