Question

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

尝试点击不同的图片，图片与预览叠加： 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/