ruby-on-rails - Bootstrap Modal での Rails フォーム

Question

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

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

Answer 1

これは、フッターを本体の中に入れているためです。代わりに次の方法を使用します。

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