Bootstrap: label und checkbox in einem horizontalen form gleiche Höhe

[7-it]

Wie kann man in einem horizontalen form den Label und die checkbox auf die gleich höhe stellen?

<form class="form-horizontal" action="/form" method="post">
                <div class="form-group">
                    <label class="control-label col-sm-2" for="published" ">Published :</label>

                      <div class="col-sm-10">
                        <input type="checkbox" name="published" id="published">                        
                      </div>
                  </div>     
</form>

schreibe ich es ohne form-controll wird es auf der richtigen größe dargestellt, allerdings nicht auf der gleichen Höhe.
Mit form-control wird die Checkbox sehr groß dargestellt.

Wie schaffe ich es es auf die gleichen Höhe zu stellen?

[protestix]

Was ist bei dir form-controll?
Ein DIV Element nach einem Label Element ist Unsinn, wenn du alles auf einer horizontalen Linie haben willst, da ein DIV Element ein Block Element ist und daher einen Absatz erzeugt.

Ausserdem kann man deinen Code nicht nachvollziehen, da alle CSS Angaben fehlen.

[7-it]

Was ist bei dir form-controll?
Ein DIV Element nach einem Label Element ist Unsinn, wenn du alles auf einer horizontalen Linie haben willst, da ein DIV Element ein Block Element ist und daher einen Absatz erzeugt.

Ausserdem kann man deinen Code nicht nachvollziehen, da alle CSS Angaben fehlen.

Welche CSS Angaben fehlen dir denn?

[protestix]

Alle die zu deinem Formular gehören, also
form,
div,
label,
input,
class="form-horizontal",
class="form-group",
class="control-label",
class="col-sm-2",
class="col-sm-10",
id="published"