Twitter bootstrap 如何在twitter引导中以模式呈现“pdf文件”?

Twitter bootstrap 如何在twitter引导中以模式呈现“pdf文件”?,twitter-bootstrap,Twitter Bootstrap,我正在使用twitter bootstrap 3创建一个个人网页。我想在模式中呈现一个.pdf文件。我该怎么做? 提前感谢。这与使用JQuery UI对话框相对类似。() 您可以将这些脚本包含在标记中 <link href="css/smoothness/jquery-ui-1.9.0.custom.css" rel="stylesheet"> <script language="javascript" type="text/javascript" src="jquery-1.

我正在使用twitter bootstrap 3创建一个个人网页。我想在模式中呈现一个
.pdf文件
。我该怎么做?
提前感谢。

这与使用JQuery UI对话框相对类似。() 您可以将这些脚本包含在标记中

<link href="css/smoothness/jquery-ui-1.9.0.custom.css" rel="stylesheet">
<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script>
<script src="js/jquery-ui-1.9.0.custom.js"></script>

JQuery代码

 <script language="javascript" type="text/javascript">
  $(document).ready(function() {
    $('#trigger').click(function(){
      $("#dialog").dialog();
    }); 
  });                  
</script>

$(文档).ready(函数(){
$(“#触发器”)。单击(函数(){
$(“#dialog”).dialog();
}); 
});                  
内的HTML代码(使用iFrame加载PDF)



.PDF在对话框中。也许您可以尝试使用直接链接到PDF的
,但这需要浏览器具有适当的插件。(此外,这个问题与引导无关。)问题是关于引导,而不是jQuery UI
<a href="#" id="trigger">this link</a>
<div id="dialog" style="display:none">
    <div>
    <iframe src="yourpdffile.pdf"></iframe>
    </div>
</div>