Angularjs bootstrap-doen';我不能在有角度的地方工作

Angularjs bootstrap-doen';我不能在有角度的地方工作,angularjs,twitter-bootstrap,Angularjs,Twitter Bootstrap,我创建添加到购物车应用程序。我需要一行中的每个列都像前面提到的那样显示col-lg-4 col-md-2 col-sm-6。但是它会显示在一列中(可能是因为我添加了ng repeat,所以它不起作用),而且每个项目的样式都是一样的 <h2 class="title">{{title}} <i class="em em-shopping_bags"></i></h2> <div class="container"> <div cla

我创建添加到购物车应用程序。我需要一行中的每个列都像前面提到的那样显示
col-lg-4 col-md-2 col-sm-6
。但是它会显示在一列中(可能是因为我添加了
ng repeat
,所以它不起作用),而且每个项目的样式都是一样的

<h2 class="title">{{title}} <i class="em em-shopping_bags"></i></h2>
<div class="container">
<div class="row">
  <div class="col-lg-4 col-md-2 col-sm-6">

    <div class="card" style="width: 18rem;" ng-repeat='item in itemsArray'>
      <img class="card-img-top" ng-src={{item.img}} alt="Card image cap">
      <div class="card-body">
        <h5 class="card-title"></h5>
        <p class="card-text">{{item.name}}</p>
        <p class="price">{{ item.price | currency }}</p>
        <a href="#"  class="btn btn-warning" ng-click="addTo(item)"><i class="em em-shopping_trolley"></i>  Add to cart <span class="number">{{ item.quantity }}</span></a>
      </div>
    </div>

  </div>
</div>
</div>
{{title}

{{item.name}

{{item.price | currency}


我猜您想重复卡片的父级,而不是其中的卡片it@charlietfl是的,只需将
ng repeat
移动到该位置即可parent@charlietfl我想把每一项都排成一行,并使其自适应Angular和AngularJS不是一回事。另外,你确定整个BS不起作用还是你的结果不起作用不是你所怀疑的,那是两件不同的事。。