title: Bootstrap mobile nav, want to "drop over" existing content (z-index)
body: <p>I have a mobile nav using bootstrap and I want to collapse over existing content when it drops down (as opposed to it pushing content down).</p>
  
  <p>I have tried setting <code>position: relative</code> and <code>z-index: 9999</code> on everything I can think of:</p>
  
  <pre><code>@media (max-width: 768px) {
  .navbar-collapse {
      width: 200px;
      float: right;
      position: relative !important;
      z-index: 9999 !important;
  
  }
  .navbar {
      width: 200px;
      float: right;
      position: relative !important;
      z-index: 9999 !important;
  
  }
  .collapse {
      position: relative !important;
      z-index: 9999 !important;
  }
  }
  </code></pre>
  
  <p>So far nothing has worked, anybody know of a fix?</p>