具有擴展預覽的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/