bootstrap面板不能在角度工作

Question

我想要获得一个很好的边界，每个上传的图像的数组。 我试过bootstrap面板，可以让他们在Plunker工作。

然而，当我尝试在我的角度应用程序适用相同的代码这是行不通的 - 没有出现面板：

<div ng-repeat="f in files track by $index"> 
     <div ng-show="f.type.indexOf('image') > -1"> 
     <div class="panel panel-primary"> 
     <img ngf-src="f" class="thumb"> 
      <button class= "btn btn-warning btn-cancel" ng-disabled="!myForm.$valid" 
       ng-click="cancelPic($index)">Cancel</button> 
      <br><br> 
      <p>{{f.name}}</p> 
      <br> 
      <span class="progress" ng-show="f.progress >= 0"> 
      <div style="width:{{f.progress}}%" 
        ng-bind="f.progress + '%'"></div> 
      </span> 
     </div>  
     </div> 
     </div> 

我想有这种明显的原因，但我必须找到没有运气它。 我使用的角度1.4.3和3.3.1引导一样普拉克

Answer 1

我错过了.panel体类，如：我怎么没需要

<div class="panel panel-default"> 
    <div class="panel-body">A panel</div> 
</div> 

令人奇怪的Plunk中的.panel-body类，但是当我将它添加到它开始工作的应用程序中时。这就是生活。