bootstrap panel with angular ng-repeat
<p>I am trying to do angular ng-repeat with bootstrap panel using below code</p>

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

      &lt;div class="panel-body"&gt;Panel Content&lt;/div&gt;
      &lt;div class="panel-footer"&gt;Footer&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>It's working fine but its appearance  is vertical not side by side. How can I set these panels side by side?</p>

<p>Is there any way to achieve these features?</p>

<p>Thanks in advance. </p>