title: Side by Side Form Field Bootstrap
body: <p>I'm using Bootstrap 3.0.3 and following the CSS documentation (<a href="http://getbootstrap.com/css/#forms" rel="nofollow noreferrer">http://getbootstrap.com/css/#forms</a>) to implement a inline form-field.</p>
  
  <p>My HTML is:</p>
  
  <pre><code>&lt;form class="form-inline" role="form"&gt;
    &lt;%= form_for(resource, :as =&gt; resource_name, :url =&gt; session_path(resource_name)) do |f| %&gt;
      &lt;div class="form-group"&gt;
        &lt;div&gt;&lt;%= f.label :login %&gt;
        &lt;%= f.text_field :login %&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;div&gt;&lt;%= f.label :password %&gt;&lt;br /&gt;
        &lt;%= f.password_field :password %&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="checkbox"&gt;
        &lt;label&gt;
          &lt;input type="checkbox"&gt; Remember me
        &lt;/label&gt;
      &lt;/div&gt;
    &lt;% end %&gt;
    &lt;button type="submit" class="btn btn-default"&gt;Sign in&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Generated HTML:</p>
  
  <pre><code>&lt;form class="form-inline" role="form"&gt;
    &lt;div style="margin:0;padding:0;display:inline"&gt;&lt;input name="utf8" value="✓" type="hidden"&gt;&lt;input name="authenticity_token" value="**" type="hidden"&gt;&lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;div&gt;&lt;label for="user_login"&gt;Login&lt;/label&gt;
        &lt;input id="user_login" name="user[login]" type="text"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;div&gt;&lt;label for="user_password"&gt;Password&lt;/label&gt;&lt;br&gt;
        &lt;input id="user_password" name="user[password]" type="password"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="checkbox"&gt;
        &lt;label&gt;
          &lt;input type="checkbox"&gt; Remember me
        &lt;/label&gt;
      &lt;/div&gt;
  &lt;/form&gt;  &lt;button type="submit" class="btn btn-default"&gt;Sign in&lt;/button&gt;
  </code></pre>
  
  <p>However my result is:
  <img src="https://i.stack.imgur.com/NH3JY.png" alt="enter image description here"></p>