2016-07-01 156 views
0

我想ff.labelff.radio_button.排隊但現在我的觀點有他們相距甚遠,不排隊。爲什麼? enter image description here 我已經添加了一個css標籤來解決這個問題,以防css和rails導致的問題。(Rails)單選按鈕沒有與文字排隊

這是我的代碼:

<%= form_for([@user, @submitted_quiz]) do |f| %> 
<%= f.hidden_field :quiz_id, :value => @quiz.id %> 
<%= f.hidden_field :name, :value => @quiz.name %> 

<% @quiz.questions.each do |question| %> 
<div class = "questions" > 
<%= f.label question.content %> 

<%= f.fields_for (:submitted_answers) do |ff| %> 

<%= ff.hidden_field :question_id, :value => question.id %> 
<div class = 'options'> 
<% question.answers.each do |answer| %> 
<div class = 'radio'> 
<%= ff.radio_button :content, answer.content %> 
<%= ff.label :content, answer.content %> 

</div> 
<% end #answer.each do %> 
</div> 
<% end #fields_for (:submitted_answers) do %> 

</div> 
<% end #questions.each do %> 


<%= f.submit %> 
<% end #form_for %> 

回答

1

把你的標籤內的單選按鈕,並嘗試。

<div class="radio"> 
    <%= ff.label :content do %> 
    <%= ff.radio_button :content, answer.content %> 
    <%= answer.content %> <!-- this will make the text appear after the radio button --> 
    <% end %> 
</div> 

更新:

像這樣

<label> 
    <input type="radio" ... /> 
    Foo 
</label> 

這裏Foo將不會出現前的單選按鈕之後。

+0

嘿,我不知道那會怎麼做,爲什麼我要結束'div'在我的循環後結束? 我通過把'整個東西放在'col'-m'中來解決校準問題,但不知道這是否是正確的做法。而且它們的距離仍然很遠。 –

+0

沒關係我解決了這兩個問題哈哈 –

+0

用標籤包裝你的單選按鈕的一點是,當你點擊文本時,單選按鈕會聽它。如果你不這樣做,你將不得不點擊廣播點來選擇它。嘗試一下。 – Kumar