title: Bootstrap row-fluid 7 tiles in 3 row without spaces
body: <p>I'm having problems cancelling the spaces on my tiles. I need it to be 3 rows and 7 tiles without spaces. </p>
  
  <pre><code>&lt;section class="the-team"&gt;
      &lt;div class="container text-center"&gt;
          &lt;div class="row-fluid"&gt;
               &lt;img src="images/profiles/1.jpg"&gt;
               &lt;img src="images/profiles/2.jpg"&gt;
               &lt;img src="images/profiles/3.jpg"&gt;
               &lt;img src="images/profiles/4.jpg"&gt;
               &lt;img src="images/profiles/5.jpg"&gt;
               &lt;img src="images/profiles/6.jpg"&gt;
               &lt;img src="images/profiles/7.jpg"&gt;
               &lt;img src="images/profiles/8.jpg"&gt;
               &lt;img src="images/profiles/9.jpg"&gt;
               &lt;img src="images/profiles/10.jpg"&gt;
               &lt;img src="images/profiles/11.jpg"&gt;
               &lt;img src="images/profiles/12.jpg"&gt;
               &lt;img src="images/profiles/13.jpg"&gt;
               &lt;img src="images/profiles/14.jpg"&gt;
               &lt;img src="images/profiles/15.jpg"&gt;
               &lt;img src="images/profiles/16.jpg"&gt;
               &lt;img src="images/profiles/17.jpg"&gt;
               &lt;img src="images/profiles/18.jpg"&gt;
               &lt;img src="images/profiles/19.jpg"&gt;
               &lt;img src="images/profiles/20.jpg"&gt;
               &lt;img src="images/profiles/21.jpg"&gt;
          &lt;/div&gt;
      &lt;/div&gt;&lt;!--//container--&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/3thNE.png" alt="enter image description here"></p>
  
  <p>How do I cancel the spaces between the tiles?</p>