Почему эта присоединяемая кнопка бутстрапа смещена?

Question

Я пытаюсь воспроизвести пример this. Однако я получаю следующий результат:

Мой код (index.html.erb):

<%= form_tag "/search", method: "post" do %> 
    <div class="col-lg-6"> 
     <div class="input-group"> 
      <%= text_field_tag :txt, nil, placeholder: "Enter text", class: "form-control" %> 
        <span class="input-group-btn"> 
          <%= submit_tag "Go", class: "btn btn-default" %> 
        </span> 
      </div> 
    </div> 

Часть моей Gemfile показывая соответствующие драгоценные камни:

# Saas rails 
gem 'sass-rails', '>= 3.2' 
# Bootstrap 
gem 'bootstrap-sass', '~> 3.3.6' 
# Autoprefixer - Automatically adds the proper vendor prefixes to your CSS code when it is compiled (optional) 
gem 'autoprefixer-rails' 

Импорт Bootstrap в приложение/активы/таблицы стилей/application.css.sass:

@import "bootstrap-sprockets" 
@import "bootstrap" 

Пробовал до сих пор как в Chrome, так и в Firefox.

Answer 1

Не уверен, что необходимы все следующие, но по крайней мере сейчас это работает!

<%= form_tag "/search", method: "post" do %> 
    <div class="col-lg-6"> 
     <div class="input-group input-group-lg"> 
      <span class="input-group-btn input-group-lg"> 
       <%= text_field_tag :txt, nil, placeholder: "Enter text", class: "form-control" %> 
      </span> 
      <span class="input-group-btn input-group-lg"> 
       <%= submit_tag "Go", class: "btn btn-default" %> 
      </span> 
     </div> 
    </div> 
<% end %> 

Принятый ответ here помог.

Answer 2

Попробуйте это:

<%= form_tag "/search", method: "get" do %> 
<div class="col-lg-6"> 
    <div class="input-group"> 
    <%= text_field_tag :txt, nil, class: 'form-control', placeholder: 'Enter text' %> 
    <span class="input-group-btn"> 
    <%= button_tag(:class => "btn btn-default") do %> 
     Go! 
    <% end %> 
    </span> 
    </div> 
</div> 
<% end %> 

Также попробуйте сделать метод: сообщение, если это не работает .... Дайте мне знать.