title: Bootstrap - Removing padding or margin when screen size is smaller
body: <p><strong>EDITED:</strong> 
  Maybe I should ask which selector sets up the side padding when the screen is reduced to below 480px width? I have been browsing bootstrap-responsiveness.css for a while to locate this but nothing seems to affect this.  </p>
  
  <p><strong>Original</strong>
  I basically want to remove any default padding or margin set for responsiveness on smaller device screens.</p>
  
  <p>I have a <code>background color</code> overridden on <code>container-fluid</code> selector and for larger screen  they render perfectly 100% across the width but they the screen is reduced to smaller sizes,
  by default, Bootstrap seems to add a margin or padding on<code>container-fluid</code> or <code>container</code>.</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
      &lt;div class="row-fluid"&gt;
        test
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If I use custom css to overwriting Bootstrap's default style, what media query or selector should I overwrite to for removing this padding on smaller screens?</p>