Bootstrap複選框與文本不在同一行？

我需要創建將與AngularJS一起使用的複選框。而且我還需要在列中設置它的樣式，在列中設置2個複選框。Bootstrap複選框與文本不在同一行？

這裏是我做過什麼至今：不需要在這個問題上

<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都連接到類。

所以我使用引導程序3.2，我在我的複選框div中使用checkbox類。這裏是我的輸出：

enter image description here

這裏是我的預期輸出：

enter image description here

我如何能實現我的目標是什麼？

Fiddle

來源

2014-09-30 Michael Vayvala

Updated Demo

試試這個代碼：

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

來源

2014-09-30 10:54:37

但我怎麼能我的風格檢查盒中列一列，2的複選框？ – 2014-09-30 10:58:29

@MichaelVayvala我不明白你想要什麼。 – 2014-09-30 11:27:29

http://i.stack.imgur.com/SWbxn.png – 2014-09-30 11:29:27

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

來源

2014-09-30 10:59:18 Marhalpert

你的答案和Maddy的區別是什麼？ – 2014-09-30 11:00:40

也許我不認爲擁有整個代碼更有意義。 – Marhalpert 2014-09-30 11:03:21

Bootstrap複選框與文本不在同一行？

回答

相關問題