title: Why does a checkbox input designed this way on a horizontal Django crispy form?
body: <p>My project uses Twitter bootstrap on the front-end, the backend is Django, we also use crispy forms. <code>fifth_year</code> is a simple boolean model field</p>
  
  <pre><code>class MyModel(models.Model):
      first_name = models.CharField(verbose_name="First Name", max_length=100)
      last_name = models.CharField(verbose_name="Last Name", max_length=100)
      school = models.CharField(verbose_name="School Type", null=True, blank=True, max_length=100, choices=WIDGET_SCHOOL_CHOICES)
      grad_yr = models.CharField(verbose_name="Class", null=True, blank=True, max_length=100, choices=WIDGET_GRAD_YR_CHOICES)
      fifth_year = models.BooleanField(verbose_name="5th Year", default=False)
  </code></pre>
  
  <p>...</p>
  
  <p>Essence of the form definition:</p>
  
  <pre><code>    self.helper = FormHelper(form=self)
      self.helper.form_class = 'form-horizontal'
      self.helper.label_class = 'col-sm-3 col-md-2'
      self.helper.field_class = 'col-sm-9 col-md-10'
  
      self.helper.layout = Div(
          FormActions(
              Submit('save', 'Save', css_class='btn-success'),
              Button('delete', 'Delete', css_class='btn-danger')
          ),
          Field('school'),
          Field('grad_yr'),
          Field('fifth_year'),  # this is the boolean field
          Field('first_name'),
          Field('last_name'),
  </code></pre>
  
  <p>Comes not aligned up with the other label-input pairs:</p>
  
  <p><a href="https://i.stack.imgur.com/aYJDN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aYJDN.png" alt="enter image description here"></a></p>
  
  <p>I'd expect the checkbox and it's label to better align up with the other labels and inputs and the label to be bold. (Maybe even the checkbox to be form-control, that would inflate it, and it might need some size limitation). To my surprise I didn't find any good leads about why is it like that. I've seen <code>InlineCheckboxes</code>, but that doesn't help. I wonder if I'm just missing some kind of settings or class I don't know about.</p>
  
  <p>HTML of the checkbox:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;div class="controls col-sm-offset-3 col-sm-9 col-md-10"&gt;
          &lt;div id="div_id_player-fifth_year" class="checkbox"&gt;
              &lt;label for="id_player-fifth_year" class=""&gt;
                  &lt;input class="checkboxinput" id="id_player-fifth_year" name="player-fifth_year" type="checkbox"&gt;5th Year
              &lt;/label&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>HTML of a text input:</p>
  
  <pre><code>&lt;div id="div_id_player-first_name" class="form-group"&gt;
      &lt;label for="id_player-first_name" class="control-label col-sm-3 col-md-2 requiredField"&gt;
              First Name
      &lt;/label&gt;
      &lt;div class="controls col-sm-9 col-md-10"&gt;
          &lt;input class="textinput textInput form-control" id="id_player-first_name" maxlength="100" name="player-first_name" type="text" value="balbla"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>