在阅读建议我使用Simple_form gem和bootstrap集成的答案后,我安装了它并根据simple_form的说明创建了表单,但输入框向右浮动。
这是布局。使用partial 'shared/reg'调用表单。
<div class="container">
<div class="row">
<div class="span8"><%= yield %></div>
<div class="span4">
<%= render 'shared/reg' %>
</div>
</div>
</div>
这是我的简单表单
<%= simple_form_for("user", :url => main_app.user_registration_path, :html => { :class => "form-horizontal" } ) do |f| %>
<%= f.input :name %>
<%= f.input :vote, :collection => [ "For", "Against", "Undecided"] %>
<%= f.input :country, :collection => [ "Canada", "Iceland", "Other"] %>
<%= f.input :email %>
<%= f.input :image, :as => :file %>
<%= f.input :password %>
<%= f.input :password_confirmation %>
<%= f.button :submit %>
<% end %>
以下是输入框相对于提交按钮向右浮动的示例。
更新
![enter image description here](https://istack.dev59.com/aMQae.webp)
![enter image description here](https://istack.dev59.com/vCxaY.webp)