网格缩略图，悬停时顶部有预览

Question

我正在为我的客户在Bootstrap中创建一个简单的网站。在其中一个网页上，他想要一个带有缩略图的图库，并且在点击它们时，预览应该展开以适应具有缩略图的行正上方的页面的整个宽度。

我尝试找到合适的插件，但这几乎是徒劳的。我找到了一些有用的东西，但预览显示在行下方。

以下是它现在的样子

缩略图行是导航栏后面网页上的第一个内容，因此预览必须将下面的行移动并占据上面的空格。

请指导我如何做这件事。