javascript - Bootstrap 模态 - 添加嵌入 PDF 的对象标签

Question

我目前正在尝试显示一个 Bootstrap 模式，我想在其中包含一个带有“object”html 标签的 PDF 文件。问题是似乎没有显示任何内容。

我创建了一个 jsFiddle (http://jsfiddle.net/mV6jJ/3/)。

所以你会发现一个基本的模态(来自 bootstrap 的完全相同的代码，用于在单击按钮后显示的基本模态)并且在模态主体中你会发现:

<object type="application/pdf" data="http://www.inkwelleditorial.com/pdfSample.pdf" width="500" height="500">this is not working as expected</object>

因此，当我单独添加此代码时(因此不在 Bootstrap 模式中)，它会按预期工作。它在浏览器的默认 pdf 查看器中显示 pdf。但是当我尝试在 Bootstrap 模式中实现 pdf 时，似乎什么也没有出现。

如果您有任何想法，它将真正帮助我，搜索了很多小时，但我只看到带有标签的解决方案(我不想使用)。

谢谢你和最好的问候

Answer 1

我发现 bootstrap 包含一个 css 属性，它会影响在模态窗口中查看 pdf。

改变这个:

.modal.in .modal-dialog {
  transform: translate(0px, 0px);
}

到:

.modal.in .modal-dialog {
  transform: none;
}

如果更改此属性，一切正常。

你可以看到实际效果:

http://jsfiddle.net/mV6jJ/20/