2012-10-29 6 views
6

J'essaie de mettre une forme de rails dans un dialogue modal bootstrap. Je voudrais utiliser le modal-footer pour contenir les boutons cancel/submit, mais cela ne semble pas fonctionner dans la balise form.Rails forme dans Bootstrap Modal

<div class="modal-body"> 
    <%= simple_form_for [@state, @search] do |f| %> 
    <!-- long form here --> 
    <div class="modal-footer"> 
     <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> 
     <%= f.button :submit, :class => 'btn btn-primary' %> 
    </div> 
    <% end %> 
</div> 

Répondre

10

C'est parce que vous mettez le pied dans le corps. Utilisez cette technique à la place:

<%= simple_form_for [@state, @search] do |f| %> 
    <div class="modal-body"> 
    <!-- long form here --> 
    </div> 
    <div class="modal-footer"> 
    <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> 
    <%= f.button :submit, :class => 'btn btn-primary' %> 
    </div> 
<% end %> 
+0

mais par défaut la balise

générée par simple_form_for ont margin-bottom: 20px de bootstrap.css qui ne sera pas l'air bien –

+0

viens de le recevoir, sauf si vous ajoutez de classe sous forme modale à la Etiquette –