Jquery 要在窗体旁边添加嵌套窗体吗

我有用于添加图像的嵌套表单，它可以很好地工作

当我添加新的图片，然后它会添加新的形式下，以前的形式

但是我想在以前的表单旁边添加新表单

在

<div class="col-xs-4">
                            <%= f.fields_for :images do |image_form| %>
                              <%= image_form.collection_select :version_name, Image::VERSION_NAMES.keys.collect{|version_name| [version_name, version_name]}, :first, :last, :include_blank => "Please Select" %> <br /><br />
                                <div class="image-upload">
                                  <label for="file-input">
                                    <i class="fa fa-cloud-upload"></i>
                                  </label>
                                  <%= image_form.file_field :picture,:'data-role'=>"none" ,:onchange=>"readURL(this);" ,:id=>"file-input" %>
                                </div>
                              <%= image_tag image_form.object.picture.url,:class=>"img_prev", :style => "width:80px;height: 70px" %><br />
                              <%= image_form.link_to_remove "Remove this Pic" %><br />
                            <% end %>
                        </div>
                        <br /><br /><%= f.link_to_add "Add a picture", :images ,:id=>"add_pic"%>
                      </div>

请选择“%>

”
“无”，：onchange=>“readURL（this）；”，：id=>“文件输入”%>
“img_prev”，：style=>“宽度：80px；高度：70px”%>





“添加图片”%>

你们可以在图片中看到它就在预览图片的下面，但我想把它放在前一张图片的旁边

如果有人有主意，请帮助我。

---

谢谢。

如果我们能看到css，那就容易多了。然而，它看起来像你的“图像上传”div或者它周围的表单是窗口的宽度，因此你的新表单显示在前一个图像的下方，而不是并排放置。如果您减小这个div的宽度，它应该并排放置。

我使用这个代码完成了这个函数

这是为我工作

 <%= f.fields_for :images do |image_form| %>
                          <div class="col-xs-6">
                              <%= image_form.collection_select :version_name, Image::VERSION_NAMES.keys.collect{|version_name| [version_name, version_name]}, :first, :last, :include_blank => "Please Select" %> <br /><br />
                                <div class="image-upload">
                                  <label for="file-input">
                                    <i class="fa fa-cloud-upload"></i>
                                  </label>
                                  <%= image_form.file_field :picture,:'data-role'=>"none" ,:onchange=>"readURL(this);" ,:id=>"file-input" %>
                                </div>
                              <%= image_tag image_form.object.picture.url,:class=>"img_prev", :style => "width:80px;height: 70px; display:none;" %><br />
                              <%= image_form.link_to_remove "Remove this Pic" %><br />
                          </div>
                        <% end %>
                        <br /><br /><%= f.link_to_add "Add a picture", :images ,:id=>"add_pic"%>

请选择“%>

”
“无”，：onchange=>“readURL（this）；”，：id=>“文件输入”%>
“img_prev”，：style=>“宽度：80px；高度：70px；显示：无；”>





“添加图片”%>