title: BOOTSTRAP CSS photo wall to cover the page
body: <p>I'm trying to cover the entire page by small photos, but what i found is that i can't cause they leave some left and right margin in the page.</p>
  
  <p>i'm not using js for doing that, just css and html:</p>
  
  <pre><code>&lt;div class="container-fluid" id="wrapper"&gt;
  &lt;div id="home-decore"&gt;
  
  &lt;img/&gt;
  &lt;img/&gt;
  &lt;img/&gt;
  &lt;img/&gt;
  &lt;img/&gt;
  &lt;img/&gt;
  &lt;img/&gt;
  &lt;img/&gt;
  &lt;img/&gt;
  &lt;img/&gt;
  &lt;img/&gt;
  etc ..
  
  
  
  &lt;/div&gt;
  &lt;/div&gt;
  
  #wrapper{
    background:red;
      padding-top:5%;
  min-height: 88%;
  height: auto !important;
  height: 88%;
  
  }
  #home-decore{
  margin:0;
  padding-top:60px;
  left:0;
  top:0;
  position:realtive;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background:#000;
  
  
  }
  #home-decore img{
    border-radius:2px;
    border:0.3% solid white;
    opacity:0.6;
    width: 3.3333%; 
      overflow: hidden;
  }
  #home-decore img:hover{
  opacity:1;
  }
  </code></pre>
  
  <p>what i would like is to fit all the page right:0;top:0;bottom:0;left:0; </p>