2012-10-29 195 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

刚拿到它,除非你添加模式,窗体类的标签 –