复选框在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>