title: bootstrap modal with select2 z-index
body: <p>I'm trying to load content from different html page to a popup then applying select2 on it.</p>
  
  <p>everything is working, but the z-index for the select2 is not correct, event if I modified it to bigger value than bootstrap dialog is.</p>
  
  <p><a href="https://i.stack.imgur.com/6GMPb.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6GMPb.png" alt="enter image description here"></a></p>
  
  <p>here is a snippet of what I'm doing </p>
  
  <pre><code>.select2-dropdown {  
    z-index: 10060 !important;/*1051;*/
  }
  </code></pre>
  
  <p>Any Ideas ? </p>