хочу добавить вложенную форму рядом с формой

Question

У меня есть вложенная форма для добавления изображений, и она отлично работает.

Когда я добавлю новый pic, он добавит новую форму ниже предыдущей формы.

, но я хочу добавить новую форму рядом с предыдущей формой.

Под nested_form_for

<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> 

вы можете увидеть в изображении он идет ниже отрывки изображений, но я хочу это рядом с предыдущим.

Если у кого-то есть идея, помогите мне. Спасибо.

Answer 1

Я использовал эту функцию, используя этот код.

это работает для меня

<%= 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"%> 

Answer 2

Было бы проще, если мы сможем увидеть css. Однако похоже, что ваш «образ-upload» div или форма вокруг него - это ширина окна, так что ваша новая форма появляется ниже предыдущего изображения, а не сидит бок о бок. Если вы уменьшите ширину этого div, он должен сидеть бок о бок.