2012-10-29 247 views
6

我正試圖在引導模式對話框中放置一個導軌形式。我想使用模式頁腳來保存取消/提交按鈕,但這似乎不適用於表單標籤內部。引導模式中的導軌形式

<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有邊距:從bootstrap.css 20像素,不會好看 –

+0

剛拿到它,除非你添加模式,窗體類的標籤 –