title: Bootstrap 3 - White space on right side
body: <p>I have a basic code that's showing a white space on the right side of the page, inspecting it I could find thats the problem is generated when I put a div inside of &lt; .. row > &lt; .. container ></p>
  
  <p>Here the Index:</p>
  
  <pre><code>&lt;?php include('mod/header.php'); ?&gt;
  
  &lt;div class="row"&gt; &lt;!-- Las imagenes son de medida 1 por 1/2 (Rectangular) --&gt;
      &lt;div class="container"&gt;
          &lt;div class="col-lg-3 col-md-3 col-sm-4"&gt; &lt;!-- When I add this, the white space appears --&gt;
              &lt;a href="#" class="thumbnail"&gt;
                  &lt;img src="images/default/thumbnailRect.png"&gt;
              &lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;?php include('mod/footer.php'); ?&gt;
  </code></pre>
  
  <p>The only css code that I have is:</p>
  
  <pre><code>@import url(bootstrap.min.css);
  body {
      background-image: url('../images/backgroundPattern.png');
      background-repeat: repeat;
      overflow-x: hidden;
  }
  </code></pre>
  
  <p>Maybe relevant code of header and footer:
  Header.php</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      ...
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      ...
  
      &lt;title&gt;...&lt;/title&gt;
  
      &lt;link href="css/style.css" rel="stylesheet"&gt;
    &lt;/head&gt;
  
    &lt;body&gt; 
      &lt;nav class="navbar navbar-default"&gt;
          ... common bootstrap navbar ...
      &lt;/nav&gt;
  </code></pre>
  
  <p>Footer.php</p>
  
  <pre><code>&lt;footer&gt;
      &lt;div class="container-fluid"&gt;
          &lt;div class="row footer"&gt;
              &lt;div class="col-xs-4 col-sm-3 col-md-2"&gt;
                  ...
              &lt;/div&gt;
              &lt;div class="col-xs-4 col-sm-3 col-md-2"&gt;
                  ...
              &lt;/div&gt;
              &lt;div class="col-xs-4 col-sm-3 col-md-2"&gt;
                  ...
              &lt;/div&gt;
              &lt;div class="col-xs-4 col-sm-3 col-md-2"&gt;
                  ...
              &lt;/div&gt;
              &lt;div class="col-md-12"&gt;
                  &lt;h6 style="text-align: left;" class="text-muted"&gt;Title &amp;copy 2015 - Some text&lt;/h6&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p>I added header and footer just for you to see it but I'm convinced that the problem is between</p>
  
  <pre><code>&lt;div class="row"&gt; &lt;!-- Las imagenes son de medida 1 por 1/2 (Rectangular) --&gt;
      &lt;div class="container"&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>