Bootstrap复选框与文本不在同一行？

Question

我需要创建可与AngularJS一起使用的复选框。而且我还需要在列中设置样式，在列中设置2个复选框。

这是我到目前为止所做的：

<div class="checkbox">
    <label>
        Check All
        <input type="checkbox" ng-model="selectedAll.value" ng-click="checkAll()" />
    </label>
</div>
<div class="checkbox" ng-repeat="carType in carTypeObj">
    <label>
        {{carType.type}}
        <input type="checkbox" ng-model="carType.selected" />
    </label>
</div>

此问题不需要AngularJS代码。
我所有的CSS都连接到了类。

所以我使用bootstrap 3.2，并在我的复选框checkbox中使用div类。这是我的输出：

这是我的预期输出：

如何实现目标？

Fiddle

Answer 1

Updated Demo

试试这段代码：

<label>
    <input type="checkbox" ng-model="selectedAll.value" ng-click="checkAll()" />Check All
</label>

Answer 2

<div class="checkbox">
    <label>
        <input type="checkbox" ng-model="selectedAll.value" ng-click="checkAll()" />
        Check All
    </label>
</div>
<div class="checkbox" ng-repeat="carType in carTypeObj">
    <label>
        <input type="checkbox" ng-model="carType.selected" />
        {{carType.type}}
    </label>
</div>