Html 在引导模式下显示PDF

我真的在为简单的事情挣扎。我想要实现的只是在引导模式中使用HTML

标记显示PDF

来演示这个问题。基本上，“Working PDF”下面是简单的

标记，可以正常工作。“正在工作的PDF-collapse”下面是折叠的

div中的PDF，而“不工作的PDF-modal”则说明了这个问题

我想问题可能在于
display:none，但折叠示例有效，所以它不能与可见性相关。在Chrome上，它使用一些本地PDF查看器，一切正常。
我的Firefox使用Adobe插件，但当我切换回pdf.js浏览器时，一切都正常

我还发现，这表明，当在Javascript函数中创建HTML时，在模式中显示PDF效果良好。然而，我无法理解这与我正在尝试做的有什么不同。
我设法解决了自己的问题。事实证明，CSS动画导致了这种意外行为。
在
modals.less
中有样式声明

.modal{
    &.fade .modal-dialog{
        .translate(0, -25%);
        .transition-transform(~"0.3s ease-out");
    }
    &.in .modal-dialog { .translate(0, 0) }
}

翻译
。翻译（0，-25%）
和
.translate（0，0）
会引起问题，所以我决定声明我自己的mixin

.translate-none(){
    -webkit-transform: none;
        -ms-transform: none; // IE9 only
         -o-transform: none;
            transform: none;
}

并使用它，而不是那些与动画

.modal{
    &.fade .modal-dialog {
    .translate-none();
    .transition-transform(~"0.3s ease-out");
    }
    &.in .modal-dialog { .translate-none() }
}

此禁用引导模式动画，但允许PDF渲染
检查此项@RïshïKïshKümar well。。。我确实检查过了，因为我在我的问题中连接了一些非常相似的东西。我不确定你的链接应该如何帮助我。好的，当然……。你可以详细说明我应该如何根据你的链接继续我的解决方案吗？