具有扩展预览的Bootstrap +缩略图网格

Question

I'm having issues trying to use this Thumbnail Grid with Expanding Preview with Bootstrap 3 html/css responsive grid :

http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/

Try to click on different images, images superimpose with the preview : http://bit.ly/1psqfM2

Anyone encountered the same problem and would have a solution ?

Many thanks

Answer 1

Check if it works - change .og-grid li from:

width: 25%;
float: left;
display: inline-block;

to

width: 24%; /* (or just use -box-sizing because current 25% + margin exceed size for 4 columns)  */
float: none;
display: inline-block;

More about box-sizing: http://css-tricks.com/box-sizing/