form_tag 无法对齐按钮和输入框 - rails 4 bootstrap

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>

我得到一个对齐的输入框和按钮，但是当我在我的 erb 中使用带有以下内容的 form_tag 助手时；

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

我不知道你是否能够解决这个问题，但我也遇到了类似的问题，并且能够正确对齐。

这是我尝试修改的sn-p

<%= 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 的大小，因为存在“表单控制”时不会触发 :class=> 'input-large'。

不过，我希望这段代码对您有所帮助。

问