Bootstrap 模态外部内容在模态之外打开

Question

我正在尝试使用以下命令在 Bootstrap 模态中打开远程 Web 应用程序：

<a href="http://localhost/PECIMS/DocumentManagement.aspx" data-toggle="modal" data-target="#remoteModal" class="btn btn-default">Open Modal</a>

<!-- Modal -->
<div class="modal fade" id="remoteModal" tabindex="-1" role="dialog" aria-labelledby="remoteModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content"></div>
    </div>
</div>

应用程序打开但不是模式 window，当我关闭它时，它会关闭自身和调用它的应用程序。我正在使用 asp.net MVC。

非常感谢任何帮助！

Answer 1

为了让远程站点在 Bootstrap 模态中打开，我不得不将它放在 iFrame 中，如下所示：

<div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Document Management</h4>
                    </div>

                    <div class="modal-body">

                        <iframe height="660" width="100%" frameborder="0" src="{{iframe}}"></iframe>
                    </div>
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default">Exit</button>
                    </div>  
                </div>
        </div>

src 是远程站点的url。我希望这可以帮助别人。编码愉快！

Bootstrap 模态外部内容在模态之外打开

Bootstrap Modal External Content opens outside of modal

bootstrap-modal