title: bootstrap panel with angular ng-repeat
body: <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>