title: angular 10 bootstrap - display 5 columns in a row in the *ngfor loop
body: <p>I want to display 5 columns in a row. 6 columns are rendering if I use col-2, 4 columns are rendering if I use col-3. How can I display 5 columns?</p>
  <pre><code>&lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col-2&quot;  *ngFor=&quot;let control of controls; let i=index;&quot;&gt;
             {{contol.data}}
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>