複選框在AngularJS

Question

不與引導工作，我有這是沒有得到檢查一個複選框，如果我把它div標籤

<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"> 
<label class="lbl" for="a">Fee</label> 
</div> 
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> 
<input type="checkbox" id="a" ng-model="x.y" > 
</div> 

而它完美的作品時，我從div標籤中取出裏面。

<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"> 
<label class="lbl" for="a">Fee</label> 
</div> 
<input type="checkbox" id="a" ng-model="x.y"> 

這是爲什麼？ div標籤如何影響複選框的行爲。 注意：我沒有使用任何內聯樣式，也不會超載任何預定義的類。

我具有手風琴內這個代碼（自舉一個），其中我從我的主網頁調用的局部視圖（使用納克 - 包括標記）。

編輯：我創造了我的代碼的jsfiddle，但它在的jsfiddle工作的罰款。可以從部分視圖調用它是一個問題？

JS鏈接：http://jsfiddle.net/gandhi_rahul/sk60mpwn/2/

Answer 1

自舉複選框應設置出像

<form> 
    <div class="checkbox"> 
    <label> 
     <input type="checkbox"> Check me out 
    </label> 
    </div> 
</form>