使用Bootstrap和Rails編輯表單

Question

我目前有一個form_for，它包含名稱，電子郵件和alert_email。我正在使用一個form-group類，我試圖讓表單堆疊而不是內聯。應該有一個簡單的方法來做到這一點，但我似乎無法弄清楚這一點。爲了清晰起見，我會發布代碼。

FORM部分：請

<div class="form-group"> 
    <%= form.label "Name:" %> 
    <%= form.text_field :name %> 

    <%= form.label "Email:" %> 
    <%= form.text_field :email %> 

    <%= form.label "Alert Email(optional):" %> 
    <%= form.text_field :alert_email %> 
</div> 

編輯觀點：

<%= form_for [ :admin, @user ], html: { class: "form-vertical" } do |form| %> 
<%= render form %> 

<div class="form-actions"> 
    <%= form.button class: "btn btn-primary" %> 
    <%= link_to "Cancel", [:admin, @user], class: "btn" %> 
</div> 

截圖：

正如你所看到的形式爲直列。我只是想要表單被堆疊/垂直。謝謝您的幫助。如果您需要查看更多代碼，請告知我們。

Answer 1

集團的label和input標籤爲單獨.form-group標籤，像這樣：

<div class="form-group"> 
<%= form.label "Name:" %> 
<%= form.text_field :name %> 
</div> 

<div class="form-group"> 
<%= form.label "Email:" %> 
<%= form.text_field :email %> 
</div> 

<div class="form-group"> 
<%= form.label "Alert Email(optional):" %> 
<%= form.text_field :alert_email %> 
</div> 

退房this example from the docs。