html - Bootstrap + 带有扩展预览的缩略图网格

Question

我在尝试使用带有扩展预览的缩略图网格和 Bootstrap 3 html/css 响应网格时遇到问题:

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

尝试点击不同的图片，图片与预览叠加: http://bit.ly/1psqfM2

有人遇到过同样的问题并且有解决方案吗？

非常感谢

Answer 1

检查它是否有效 - 将 .og-grid li 更改为:

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

到

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

有关框大小的更多信息:http://css-tricks.com/box-sizing/