form_tag无法对齐按钮和输入框 - 导轨4引导

Question

我一直在尝试对齐我的按钮和表单输入标签，但是如果我使用普通HTML表单进行引导，没有任何东西显示工作。

<div class="input-group"> 
    <input type="text" class="form-control"> 
    <span class="input-group-btn"> 
     <button class="btn btn-primary" type="button">Go!</button> 
    </span> 
</div> 

我得到一个对准的输入框和按钮，但是当我使用的form_tag帮助，在我的ERB以下;

<%= form_tag search_nut_databases_path, :class => "form-inline", method: :get do %> 
<div class="input-group"> 
    <%= text_field_tag :search, params[:search], class: "form-control", :placeholder => "search database" %> 
    <span class="input-group-btn"> 
    <%= submit_tag 'submit', class: "btn btn-primary" %> 
</span> 
</div> 
<% end %> 

我得到一个错位中，我检查的CSS并没有什么应该影响它

感谢

Answer 1

封闭你的代码形式的组类..像下面

<div class="form-group"> 
<div class="input-group"> 
    <input type="text" class="form-control"> 
    <span class="input-group-btn"> 
     <button class="btn btn-primary" type="button">Go!</button> 
    </span> 
</div> 
</div> 

Answer 2

我不知道你是否能够解决这个问题，但我也有类似的问题，并能够正确地获得路线。

这里是我试图修改

<%= form_tag(search_nut_databases_path, :method => "get", id: "search-form", :class => "form-inline") do %> 
     <div class="input-group"> 
     <%= text_field_tag :search, params[:search], :class => "form-control", placeholder: "search database" %> 
     </div> 
     <!--This actually works for the button--> 
     <%= button_tag(type: 'submit', class: "btn btn-default") do %> 
       <i class="icon-ok icon-white"></i> Search 
     <% end %> 
<% end %> 

我仍然面临的唯一问题是定制text_field_tag的大小的事实的片断，由于：类=>“输入大”不当“表格控制”出现时触发。

但是，我希望这一点的代码对你有帮助。

Aks