Bootstrap row-fluid 7 tiles in 3 row without spaces -

Bootstrap row-fluid 7 tiles in 3 row without spaces -

i'm having problems cancelling spaces on tiles. need 3 rows , 7 tiles without spaces.

<section class="the-team"> <div class="container text-center"> <div class="row-fluid"> <img src="images/profiles/1.jpg"> <img src="images/profiles/2.jpg"> <img src="images/profiles/3.jpg"> <img src="images/profiles/4.jpg"> <img src="images/profiles/5.jpg"> <img src="images/profiles/6.jpg"> <img src="images/profiles/7.jpg"> <img src="images/profiles/8.jpg"> <img src="images/profiles/9.jpg"> <img src="images/profiles/10.jpg"> <img src="images/profiles/11.jpg"> <img src="images/profiles/12.jpg"> <img src="images/profiles/13.jpg"> <img src="images/profiles/14.jpg"> <img src="images/profiles/15.jpg"> <img src="images/profiles/16.jpg"> <img src="images/profiles/17.jpg"> <img src="images/profiles/18.jpg"> <img src="images/profiles/19.jpg"> <img src="images/profiles/20.jpg"> <img src="images/profiles/21.jpg"> </div> </div><!--//container--> </section>

how cancel spaces between tiles?

the space caused whitespace between images. in html amount of whitespace between inline elements treated 1 space.

if set font-size of 0 on div, space vanish.

.the-team .row-fluid { font-size:0; }

this can fixed in html removing spaces , returns between images.

another method set little negative margin on left side of image, .25em on first image. lastly selection not robust margin needed varies font , overcompensate if space missing.

twitter-bootstrap