Img关闭引导模式后不能正确显示

Question

我试图建立一个画廊，每个图像都有悬停效果(这一个)。当我悬停图片并点击里面的链接时，一个引导模式打开，显示一些内容。

直到这里工作正常，然而，当我关闭这个模式，图像不能正确显示在主页面。你可以在这里看到我的问题:

http://www.bootply.com/90dGFlCrxI

谁能告诉我我做错了什么?非常感谢大家!

Answer 1

问题似乎出在

溢出:隐藏的;

:

          .effect figure {
               margin: 0;
               position: relative;
               /*overflow: hidden;*/
               text-align: left;
           }

如果你删除这个问题就会被修复。

另一个工作:

    .effect figcaption {
        position: absolute;
        width: 100%;
        left: 0;
        padding: 7px;
        background: #26BC8A;
        color: #ed4e6e;
        height: 50px;
        top: auto;
        bottom: 0;
        opacity: 0;
       /* transform: translateY(100%); */
       /* transition: transform 0.4s, opacity 0.1s 0.3s; */
}

翻译未按预期工作。