title: bootstrap: form-horizontal not styling as expected
body: <p>I am using twitter bootstrap and would like to have a horizontal form as shown in the demo here: <a href="http://twitter.github.com/bootstrap/base-css.html#forms" rel="nofollow">http://twitter.github.com/bootstrap/base-css.html#forms</a></p>
  
  <p>However, I get a kind of vertical form I guess with labels over control, I can't find why the vertical form styling isn't working.</p>
  
  <p>Here is the html code (generated with symfony2 framework:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;form class="form-horizontal" method="POST" action="/yourownpoet/web/app_dev.php/register/"&gt;
      &lt;label class=" required" for="fos_user_registration_form_email" placeholder="Email"&gt;Email:&lt;/label&gt;
      &lt;input id="fos_user_registration_form_email" class="text-style" type="email" placeholder="Email" required="required" name="fos_user_registration_form[email]"&gt;
      &lt;div placeholder="Password" id="fos_user_registration_form_plainPassword"&gt;    &lt;div&gt;
          &lt;label class=" required" for="fos_user_registration_form_plainPassword_Enter Password: "&gt;Enter password: &lt;/label&gt;
          &lt;input type="password" required="required" name="fos_user_registration_form[plainPassword][Enter Password: ]" id="fos_user_registration_form_plainPassword_Enter Password: " class="text-style"&gt;
      &lt;/div&gt;
    &lt;div&gt;
        &lt;label class=" required" for="fos_user_registration_form_plainPassword_Verify Password: "&gt;Verify password: &lt;/label&gt;
      &lt;input type="password" required="required" name="fos_user_registration_form[plainPassword][Verify Password: ]" id="fos_user_registration_form_plainPassword_Verify Password: " class="text-style"&gt;
   &lt;/div&gt;
     etc...
  &lt;/form&gt;
  </code></pre>
  
  <p>Is there something I am doing wrong?</p>