2012-10-29 8 views
6

私は、ブートストラップモーダルダイアログにレールフォームを配置しようとしています。モーダルフッターを使用してキャンセル/送信ボタンを保持したいのですが、これはフォームタグ内で動作しないようです。Railsフォームがブートストラップモーダル

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

答えて

10

これは、フッターを本体に入れているためです。

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

が、デフォルトではsimple_form_forによって生成された

タグはマージン下を持っています:代わりにこの方法を使用しますが、モーダルフォームクラスをに追加しない限り、 –

+0

だけで、それを得た見栄えではないでしょうbootstrap.cssから20ピクセルタグ –