Javascript 是否将填充了ng repeat的复选框拆分为列？

这是我的html：

<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>

以下是我在chrome中的输出：

这是我需要的输出：

因为我使用AngularJS ng repeat填充我的复选框，所以这应该使用AngularJS实现

那么，实现这一目标的适当方式是什么

---

注意：我使用的是bootstrap 3.2

也许您可以用纯css实现这一点：

添加到css文件：

div.checkbox > label{
    display:inline-block;
    width:150px;
}

和你的html

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

全部检查
{{carType.type}

使用引导的复选框内联类，如下所示

{{carType.type}

现在，复选框将根据屏幕宽度进行相应调整

这是一张工作票

---

谢谢。

注意，如果需要固定的列数，也可以使用相对宽度。使用width:20%代替width:150px你能给我提琴或普朗克吗？好的，你还需要修改一下你的html。选中此项：

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

<label class="checkbox-inline" ng-repeat="carType in carTypeObj"> 
        <input type="checkbox" ng-model="carType.selected" /> {{carType.type}}
    </label>