Java PlayFramework 2.1：辅助引导复选框

我正在PlayFramework2.1中使用引导助手开发一个“注册表单”。 我覆盖了以下引导帮助程序：

@(elements: helper.FieldElements)  
<div class="control-group @if(elements.hasErrors) {error}">  
  <label class="control-label" for="@elements.id">@elements.label</label>  
  <div class="controls">@elements.input    
    @if(elements.hasErrors) { <p class="help-block">@elements.errors.mkString(", ")</p> }  
  </div>  
</div>  

@（元素：helper.FieldElements）
@元素标签
@元素。输入
@if（elements.hasErrors）{
@elements.errors.mkString（“，”）
}

我跟着这个

现在，它正在正确地创建水平形状。但如果我使用helper创建复选框，我的复选框和标签将不对齐。看这张图：

第一个复选框是用helper创建的，第二个复选框是我编码的：

<div class="control-group">
   <div class="controls">
       <label class="checkbox">
            <input type="checkbox"> I accept 
       </label>
    </div>
</div>  

我接受

我想生成与我编写的相同的HTML（第二个复选框）。

---

我和帮手们在一起都吓坏了！如何对齐复选框？我将始终需要创建自己的帮助程序？

只需在

@元素前面留出一个空格。label

。它只是普通的HTML。 或者在

@elements.errors.mkString（“，”）前面，我不确定

但我还构建了一个更好的fieldConstructor，在这里，您可以使用预先添加的输入作为图标、字母和其他功能。你可以使用它，通常它会做任何你喜欢的事情，甚至更多

@(elements: helper.FieldElements)

@**************************************************
* Generate input according twitter bootsrap rules *
**************************************************@
<div class="@if(elements.hasErrors) {alert alert-error}">
    <label for="@elements.id"><strong>@elements.label</strong> <small> @MyMessages.get(elements.infos.mkString(""))</small></label>

@if(elements.args.containsKey('_iconcls)){
<div class="input-prepend">

<span class="add-on">
    <i class="@elements.args.get('_iconcls) icon-size"></i>
</span>

    @elements.input

    <span class="help-block error small"><small>@MyMessages.get(elements.errors.mkString("; "))</small></span> 
</div>
}else{
    @if(elements.args.containsKey('_prependedInput)){
<div class="input-prepend">

<span class="add-on">
    @elements.args.get('_prependedInput)
</span>

    @elements.input

    <span class="help-block error small"><small>@elements.errors.mkString("; ")</small></span> 
</div>
    }else{
        @elements.input
        <span class="help-block error small"><small>@elements.errors.mkString("; ")</small></span> 
    }
}

@（元素：helper.FieldElements）
@**************************************************
*根据twitter bootsrap规则生成输入*
**************************************************@
@elements.label@MyMessages.get（elements.infos.mkString（“”））
@if（元素参数容器（iconcls））{
@元素。输入
@MyMessages.get（elements.errors.mkString（“；”））
}否则{
@if（elements.args.containsKey（“U prependedInput））{
@elements.args.get（“”\u prependedInput）
@元素。输入
@elements.errors.mkString（“；”）
}否则{
@元素。输入
@elements.errors.mkString（“；”）
}
}