title: select2 and bootstrap text field not align in rails form
body: <p>As you can see in the image below, the text field (using bootstrap) is not align horizontally with select2 dropdown listbox. How can I make it align ?</p>
  
  <p><img src="https://i.imgur.com/w4EaYN1.png" alt="not align input" title="image"></p>
  
  <p>The following is the _form.html.erb code snippet. 
  The complete code can be found here <a href="https://gist.github.com/axilaris/9597320" rel="nofollow noreferrer">https://gist.github.com/axilaris/9597320</a></p>
  
  <p>there 2 are the inputs that are not aligned &lt;%= f.text_field :name %> and &lt;%= select_tag(:option,.. </p>
  
  <pre><code>&lt;script&gt;
  
      $(document).ready(function() {
       $('select#option').select2();
      });
  
  &lt;/script&gt;
   &lt;br&gt;&lt;br&gt;
   &lt;div class="field"&gt;
   &lt;%= f.label :name %&gt;&lt;br&gt;
   &lt;%= f.text_field :name %&gt;
   &lt;%= select_tag(:option, 
      options_for_select([['All', 1], ['Co', 2], ['Bought', 3]] )) %&gt;
   &lt;/div&gt;
  </code></pre>