title: Bootstrap - Full width layout two columns with different colors
body: <p>My problem with this is that I can't get it right with background coloring. Left column always 'bleeds' into the top of the right column.
  Help guys, I'm trying to fix this for three days now.</p>
  
  <p>Here's my html code:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
      &lt;div class="row blue-background"&gt;
          &lt;div class="col-lg-6 col-xs-12 col-lg-offset-1"&gt;
              &lt;h1&gt;Text here&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div class="col-lg-5 col-xs-12 gray-background"&gt;
              &lt;h2&gt;Another text here&lt;/h2&gt;
          &lt;/div&gt;
      &lt;/div&gt;&lt;!--  .row --&gt;
  &lt;/div&gt;&lt;!--  .container-fluid --&gt;
  </code></pre>
  
  <p>And in my custom CSS file this classes have only background: /value_of_color/</p>
  
  <p>My CSS code:</p>
  
  <pre><code>.blue-background {
      background-color: blue;
  }
  
  .gray-background {
      background-color: #eaeaea;
  }
  </code></pre>