title: Bootstrap 3 unwanted padding despites container-fluid class
body: <p>I have a problem with bootstrap.
  It always adds a padding left and right to my site. I use a "container-fluid" see this example:</p>
  
  <pre><code>...&lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container-fluid"&gt;
  &lt;div class="top"&gt;
  PAGE CONTENT WITH MORE DIVS
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>or something like</p>
  
  <pre><code>...&lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
  &lt;div class="top"&gt;
  PAGE CONTENT WITH MORE DIVS
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>or like this</p>
  
  <pre><code>...&lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container-fluid"&gt;
  &lt;div class="row col-xs-12 col-md-12"&gt;
  &lt;div class="top"&gt;
  PAGE CONTENT WITH MORE DIVS
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>...&lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container-fluid"&gt;
  &lt;div class="row col-xs-12 col-md-12"&gt;
  &lt;div class="row"&gt;
  &lt;div class="top"&gt;
  PAGE CONTENT WITH MORE DIVS
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The padding appaer always, no chance.</p>
  
  <p>What is my fault?
  I don't want to override with other CSS like here:</p>
  
  <p><a href="https://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3">Remove padding from columns in Bootstrap 3</a></p>