如何删除Bootstrap 3的外部模态中的白色区域

Question

我使用Boostrap 3.2.0的远程模式，但它在后台制作了某种白色窗口 - 我该如何删除它？

Modal.html：

<a data-toggle="modal" href="Modal-Content.html" data-target="#MyModal">Modal Popup</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>
    </div>
</div>

模态-Content.html：

<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">My Modal Preview</h4>
        </div>
        <div class="modal-body">
            <p>Some external content here.</p>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>

截图：

Answer 1

你的模态中有一个模态，请尝试：

<!-- Modal.html: -->
<a data-toggle="modal" href="Modal-Content.html" data-target="#MyModal">Modal Popup</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>
     </div>
</div>


<!-- Modal-Content.html: -->
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title">My Modal Preview</h4>
</div>
<div class="modal-body">
    <p>Some external content here.</p>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>