추가 된 부트 스트랩 버튼이 왜 정렬되지 않습니까?

Question

예를 this 복제하려고합니다.

내 코드 (index.html.erb) : 내 Gemfile의

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

부 보여주는 관련 보석 :

# 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' 

그러나 나는 다음과 같은 결과를 얻고있다

app/assets/stylesheets/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 %> 

은 또한에 방법을 만들려고 : 문제가 해결되지 않을 경우 포스트 .... 알려주세요.