title: Bootstrap divs are not next to each other
body: <p>I'm just experimenting with my first Bootstrap project and but this one in the body:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-xs-12 col-md-8"&gt;.col-xs-12 .col-md-8&lt;/div&gt;
      &lt;div class="col-xs-6 col-md-4"&gt;.col-xs-6 .col-md-4&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But somehow, the two divs are just below each other and not next to each other aligned as they should be.</p>
  
  <p>Does someone has an idea, what I did wrong?</p>