2014-01-06 187 views
0

是否可以將某些元素顯示爲塊,並且某些元素可以在form_for塊中以內聯形式顯示?我在form_for區塊中沒有幾個元素。第一個我想在一行中顯示,另外兩個(collection_select和submit)我想一起顯示在同一行上。這可能嗎?form_for作爲塊和內聯元素顯示(ruby on rails,css)

這裏是我的代碼:

<div class="container form-group"> 
    <%= form_for(@comment) do |f| %> 
    <%= render 'shared/error_messages', object: f.object %> 
    <%= f.hidden_field :problem_id, :value => @problem.id %> 

    <%= f.label :content, "Add Comment:" %> 
    <%= f.text_area :content %> 

    <%= f.label :comment_type, "Comment Type:" %> 
    <%= collection_select(:comment, :comment_type_id, CommentType.all, :id, :name, prompt: false) %> 

    <%= f.submit "Add" %> 
<% end %> 
</div> 

我想collection_select並在同一行基本提交。我怎樣才能做到這一點? 我認爲這是一個CSS問題,但我可能是錯的。此外,我使用bootstrap-sass gem,如果這改變了任何東西。

回答

0

http://getbootstrap.com/css/#forms-inline

看看那個。您可以手動添加<br/>標籤?這是快速和骯髒的。

當你把一個類中軌形式,不過,你需要做的

<%= form_for @comment, html: {class: 'form-inline', role: form} do |f| %> 

你也可以只覆蓋將要返回你的元素。這些標籤可能會爲你做到這一點。你知道如何在瀏覽器中檢查嗎?

+0

嘿,謝謝。看起來這是我需要的。出於某種原因,我無法讓它工作,雖然...我會繼續努力,這必須是它。 – Chemist

+0

好吧,我明白了。儘管我的解決方案仍然有點吸引人,但實際上form-inline不起作用。相反,我使用了特定的col-xs-#和col-xs-pull-#類的form-horizo​​ntal。 – Chemist

+0

不錯!引導是一個偉大的工具,但通常涉及黑客行爲,大聲笑 – Dudo