带有扩展预览的引导程序 + 缩略图网格

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/