2012-10-29 4 views
6

Ich versuche, ein Rails-Formular in einem Bootstrap-modalen Dialog zu setzen. Ich möchte die modale Fußzeile verwenden, um die Abbrechen/Senden-Schaltflächen zu halten, aber dies scheint nicht innerhalb des Formular-Tags funktionieren.Rails Form in 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> 

Antwort

10

Das liegt daran, dass Sie die Fußzeile in den Körper setzen. Verwenden Sie diese Art und Weise statt:

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

aber standardmäßig die

Tag generiert durch simple_form_for margin-bottom haben: von bootstrap.css 20px, die nicht schön aussehen –

+0

es nur bekam, es sei denn, Sie modal-Form-Klasse der hinzufügen Markierung –