title: Angular snack bar increasing z-index not working?
body: <p><strong>Scenario :</strong></p>
  
  <ul>
  <li>I have a Bootstrap Modal opened. </li>
  <li>While user interacting with the modal , if any error occurs, I would
  like to show that error in Angular Snack bar. </li>
  <li>Snack bar is shown
  behind Bootstrap modal. And I would like Angular snack bar to be
  shown in front on screen and Bootstrap modal behind. </li>
  </ul>
  
  <p>It is possible
     by changing any css-z-index things ?</p>