title: Rails & Bootstrap Make button inline with text field
body: <p>I'm working on a front end of web app. I would like to know how to make the button and textfield in line. Another question is how to make the error message displayed just below the textfield?
  Picture: 
  <a href="https://www.dropbox.com/s/vsdy3730flraes3/Screen%20Shot%202013-12-01%20at%204.47.20%20PM.png" rel="nofollow">https://www.dropbox.com/s/vsdy3730flraes3/Screen%20Shot%202013-12-01%20at%204.47.20%20PM.png</a></p>
  
  <p>Here is the code:</p>
  
  <pre><code>    &lt;div class="input-group" align="center" &gt;
  
      &lt;%= form_tag(location_search_path,method: "get" ) do %&gt;
          &lt;%= text_field_tag('location', params[:location], :size =&gt; 150, :placeholder=&gt; "Enter city or zip code") %&gt; 
          &lt;%= button_tag(type: "submit", class: "btn  btn-success ") do %&gt;
           Search 
                   &lt;i class="icon-search"&gt;&lt;/i&gt;
          &lt;% end %&gt;
      &lt;% end %&gt;
  &lt;/div&gt;
      &lt;% [:notice, :error, :alert].each do |level| %&gt;
        &lt;% unless flash[level].blank? %&gt;
                &lt;div data-alert="alert" class="alert-message &lt;%= flash_class(level) %&gt; fade in" align="center"&gt;
            &lt;%= content_tag :p, flash[level] %&gt;
        &lt;/div&gt;
       &lt;% end %&gt;
      &lt;% end %&gt;
  </code></pre>