title: Getting a container div over another (bootstrap)
body: <p>Okej, so im trying to get one div container over another in bootstrap.</p>
  
  <p>This is the html code:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
  
  &lt;/div&gt;
  &lt;div class="container"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>And this is the css i got so far:</p>
  
  <pre><code>.container-fluid{
      height: 400px;
      background: black; 
      z-index: -10;
  }
  
  .container{
      height: 800px;
      background-color: blue;
      z-index: 20;
  }
  </code></pre>
  
  <p>So what i want is for the .container to be ontop of the .container-fluid. Is there an easy way of doing this or does anyone know a better method? The container-fluid is suppose to contain an image that will be the page header in the future, while the container will be the site contet.
  The reason i want the container over the container-fluid is so that the the text i write in the beginning will be displayed on the header and keep a good position as the screen size gets smaller.</p>
  
  <p>Thanks!</p>