title: 5 columns per row in Bootstrap-4
body: <p>I have 15 records, I want to show all of it in a 5 columns per row. So I am using the auto column available in bootstrap 4 ".col", is there a way to limit column counts per row?</p>
  
  <p>Note: I have to continuously loop the columns without breaking the row.</p>
  
  <p>I want to achieve something like this</p>
  
  <pre><code>[ 1][ 2][ 3][ 4][ 5]
  [ 6][ 7][ 8][ 9][10]
  [11][12][13][14][15]
  </code></pre>
  
  <p>Here's my current code:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;!-- this will create 15 col --&gt;
      &lt;div class="col" ng-repeat="record in records"&gt;
          {{record.title}}
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But this results to:</p>
  
  <pre><code>[1][2][3][4][5][6][7][8][9][10][11][12][13][14][15]
  </code></pre>