title: Adding Twitter bootstrap styling to Rails form helpers
body: <p>After reading the answer which suggested I use Simple_form gem with bootstrap integration, I installed it and created my form according to simple_form instructions, but the input boxes are floating right. </p>
  
  <p>This is the layout. The form is being called with the partial 'shared/reg'</p>
  
  <pre><code> &lt;div class="container"&gt;
  
    &lt;div class="row"&gt;
     &lt;div class="span8"&gt;&lt;%= yield %&gt;&lt;/div&gt;
     &lt;div class="span4"&gt;
     &lt;%= render 'shared/reg' %&gt;
     &lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>This is my simple form form</strong></p>
  
  <pre><code>&lt;%= simple_form_for("user", :url =&gt; main_app.user_registration_path, :html =&gt; { :class =&gt; "form-horizontal" } ) do |f| %&gt;
    &lt;%= f.input :name %&gt;
  &lt;%= f.input :vote, :collection =&gt; [ "For", "Against", "Undecided"] %&gt;
    &lt;%= f.input :country,  :collection =&gt; [ "Canada", "Iceland", "Other"] %&gt;
    &lt;%= f.input :email %&gt;
     &lt;%= f.input :image, :as =&gt; :file %&gt;
      &lt;%= f.input :password %&gt;
    &lt;%= f.input :password_confirmation %&gt;
   &lt;%= f.button :submit %&gt;
  &lt;% end %&gt;
  </code></pre>
  
  <p>Below you can see how the input boxes are floating right in relation to the submit button.  </p>
  
  <p>Update</p>
  
  <p><img src="https://i.stack.imgur.com/aMQae.png" alt="enter image description here">
  <img src="https://i.stack.imgur.com/vCxaY.png" alt="enter image description here"></p>