如何使bootstrap 3模态内的外部内容响应。

我正在使用引导程序3用于模态框。我正在使用i框来使用data-src属性加载外部内容。如何使bootstrap 3模态内的外部内容响应。

<div class="container"> 
    <a class="modalButton" data-toggle="modal" data-src="http://www.sitepoint.com/" data-height=320 data-width=450 data-target="#myModal">Click me</a> 

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
     <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
      </div> 
     <div class="modal-body"> 
       <iframe frameborder="0"></iframe> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
     </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
    </div><!-- /.modal --> 
</div>

它完美，但外部网站不响应的模式里面。

如果我在浏览器中打开它的响应网站，并且运行良好。

已经有这个data-scr演示，请检查一下

谢谢

http://jsfiddle.net/2AU6q/3/

来源

2014-05-07 Balaji Chandrasekaran