самозагрузка панели с угловой нг-повтором

Question

Я пытаюсь сделать угловые нг-повтор с начальной загрузкой панелью с использованием коды ниже

<div class="row" ng-repeat="user in users |filter:search| pagination: curPage * pageSize | limitTo: pageSize"> 
    <div class="col-sm-4"> 
    <div class="panel-group"> 
     <div class="panel panel-primary"> 
     <div class="panel-heading">{{user.firstname}}</div> 

     <div class="panel-body">Panel Content</div> 
     <div class="panel-footer">Footer</div> 
    </div> 
</div> 

    </div> 
</div> 

Это работает нормально, но его внешний вид по вертикали не бок о боке. Как установить эти панели рядом друг с другом?

Есть ли способ достичь этих возможностей?

Заранее спасибо.

Answer 1

Использование ng-repeat над .col-sm-4 следующим

<div class="row"> 
    <div class="col-sm-4" 
     data-ng-repeat="user in users |filter:search| pagination: curPage * pageSize | limitTo: pageSize"> 
    <div class="panel-group"> 
     <div class="panel panel-primary"> 
      <div class="panel-heading">{{user.firstname}}</div> 
      <div class="panel-body">Panel Content</div> 
      <div class="panel-footer">Footer</div> 
    </div> 
</div> 

Bootstrap ряд работ 12 сетки. Но если строка имеет более 12 сетки, она обернет ее новой строкой.

Answer 2

<div ng-repeat="user in users |filter:search| pagination: curPage * pageSize | limitTo: pageSize"> 
<div class="row" > 
    <div class="col-sm-4"> 
    <div class="panel-group"> 
     <div class="panel panel-primary"> 
     <div class="panel-heading">{{user.firstname}}</div> 

     <div class="panel-body">Panel Content</div> 
     <div class="panel-footer">Footer</div> 
    </div> 
</div> 

    </div> 
</div> 
</div> 

Вы пропустили макет. Возможно, это может вам помочь