title: How can i justify content between with icons using ng-bootstrap in Angular 8
body: <p><strong><em>I have four icons next to each other but i want them to be separate by the same space size , i use the class <code>justify-content-between</code> but didnt work, how can i do that</em></strong></p>
  
  <p><strong><em>Im doing a PWA for phones</em></strong></p>
  
  <ul>
  <li>Below i will let the code and also picture of how i want it and what i have until now,im using bootstrap and angular material</li>
  </ul>
  
  <p><strong><em>Code that has the icons</em></strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="main flex down fixed-bottom" &gt;
  &lt;mat-toolbar class="colour"&gt;
      &lt;mat-toolbar-row&gt;
  
      &lt;div class="row justify-content-between"&gt;
          &lt;div class=" icons "&gt; 
              &lt;button mat-icon-button class="icons col-xs-3" &gt;
                  &lt;mat-icon&gt;home&lt;/mat-icon&gt;
              &lt;/button&gt;
              &lt;button mat-icon-button class="icons col-xs-3" &gt;
                  &lt;mat-icon&gt;email&lt;/mat-icon&gt;
              &lt;/button&gt;
              &lt;button mat-icon-button  class="icons col-xs-3"&gt;
                  &lt;mat-icon&gt;add_comment&lt;/mat-icon&gt;
              &lt;/button&gt;
              &lt;button mat-icon-button class="icons col-xs-3" &gt;
                  &lt;mat-icon&gt;title&lt;/mat-icon&gt;
              &lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/mat-toolbar-row&gt;
  &lt;/mat-toolbar&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong><em>This is how it looks like</em></strong></p>
  
  <p><a href="https://i.stack.imgur.com/YHbaZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YHbaZ.png" alt="enter image description here"></a></p>
  
  <p><strong><em>This is how i want them to be</em></strong>
  <a href="https://i.stack.imgur.com/CkHpP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CkHpP.png" alt="enter image description here"></a></p>