title: Gapless thumbnail or content gallery in bootstrap
body: <p>I am trying to create a responsive thumbnail gallery using bootstrap 3. </p>
  
  <p>I want it to be border less like this and some overlayed animated text.
  Something close to this ( found on lovebootstrap.com)
  <a href="http://www.riseragency.com/portfolio/" rel="nofollow">http://www.riseragency.com/portfolio/</a></p>
  
  <p>But all the example of the bootstrap thumbnail gallery I can find has large gaps based on the frame work like this
  <a href="http://www.bootply.com/70929" rel="nofollow">http://www.bootply.com/70929</a></p>
  
  <p>But I can't get the gap less grid where the thumbnails are touching each other.</p>
  
  <p>How can I reduce the gap like the example site above.</p>