具有扩展预览的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;

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