引导：表格水平

我使用Twitter的引导，并希望有一个水平形式显示在演示这里无法按预期造型：http://twitter.github.com/bootstrap/base-css.html#forms 引导：表格水平

不过，我得到了一种垂直形式的我想有标签在控制之外，我无法找到为什么垂直表单样式不起作用。

下面是HTML代码（与Symfony2的框架生成：

<form class="form-horizontal" method="POST" action="/yourownpoet/web/app_dev.php/register/"> 
    <label class=" required" for="fos_user_registration_form_email" placeholder="Email">Email:</label> 
    <input id="fos_user_registration_form_email" class="text-style" type="email" placeholder="Email" required="required" name="fos_user_registration_form[email]"> 
    <div placeholder="Password" id="fos_user_registration_form_plainPassword"> <div> 
     <label class=" required" for="fos_user_registration_form_plainPassword_Enter Password: ">Enter password: </label> 
     <input type="password" required="required" name="fos_user_registration_form[plainPassword][Enter Password: ]" id="fos_user_registration_form_plainPassword_Enter Password: " class="text-style"> 
    </div> 
    <div> 
     <label class=" required" for="fos_user_registration_form_plainPassword_Verify Password: ">Verify password: </label> 
    <input type="password" required="required" name="fos_user_registration_form[plainPassword][Verify Password: ]" id="fos_user_registration_form_plainPassword_Verify Password: " class="text-style"> 
</div> 
    etc... 
</form>

有什么我做错了

来源

2012-07-12 François Koessler

您需要的.control-label类适用于您的标签和内部的一个独立的投入？ .controls为您的表单样式应用正确的容器。试试这个代替：

<form class="form-horizontal" method="POST" action="/yourownpoet/web/app_dev.php/register/"> 
    <div class="control-group"> 
     <label class="control-label required" for="fos_user_registration_form_email" placeholder="Email">Email:</label> 
     <div class="controls"> 
      <input id="fos_user_registration_form_email" class="text-style" type="email" placeholder="Email" required="required" name="fos_user_registration_form[email]"> 
      <div placeholder="Password" id="fos_user_registration_form_plainPassword"></div> 
     </div> 
    </div> 

    <div class="control-group"> 
     <label class="control-label required" for="fos_user_registration_form_plainPassword_Enter Password: ">Enter password: </label> 
     <div class="controls"> 
      <input type="password" required="required" name="fos_user_registration_form[plainPassword][Enter Password: ]" id="fos_user_registration_form_plainPassword_Enter Password: " class="text-style"> 
     </div> 
    </div> 
    <div class="control-group"> 
     <label class="control-label required" for="fos_user_registration_form_plainPassword_Verify Password: ">Verify password: </label> 
     <div class="controls"> 
      <input type="password" required="required" name="fos_user_registration_form[plainPassword][Verify Password: ]" id="fos_user_registration_form_plainPassword_Verify Password: " class="text-style"> 
     </div> 
    </div> 
</form>

来源

2012-07-12 11:14:47

引导：表格水平

回答

相关问题