title: proper usage of container-fluid in bootstrap
body: <p><strong>FIRST ISSUE:</strong> </p>
  
  <p>Let's say I have a section in my website where I want to break the width of the <code>container</code> 1200px width. In this section I need to position an image on the very left side of the browser screen and on the right side some text.</p>
  
  <p>I assume that in order to make this I have to use <code>container-fluid</code> and I'm using it like this:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
   &lt;div class="row"&gt;
   &lt;div&gt; HERE IS THE CONTENT FOR IMAGE AND TEXT &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I check this in the browser: </p>
  
  <p>It appears an horizontal scrollbar and I have to remove the negative margins of the <code>.row</code> class in order to get rid of the scrollbar. </p>
  
  <p>Is this the normal way of doing this? </p>
  
  <p><strong>SECOND ISSUE:</strong> </p>
  
  <p>Let's say I want to create a section where I want to have a full width background color and the content to be withing the default bootstrap grid width of 1200px.</p>
  
  <p>Is it necessary to create an  <code>container-fluid</code> in order to do this? Or is better just to create an extra div an add there the background color ?</p>