模态下面的面板或模态

Question

我是Web应用程序的新手，我遇到了bootstrap中的模态功能，我做了研究并发现了一些非常好的例子，但当我试图复制他们所做的事情时，基础图像或面板或我不知道显示莫代尔背后......如何删除？我已经被困在这件事上好像3天了..哈哈..谢谢......

这是图像： -

和来自w3schools的代码......这应该有用，但我不知道为什么......

<button type="button" class="btn btn-info btn-lg"    data-toggle="modal" data-target="#myModal">Open Modal</button>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
        <p>Some text in the modal.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

Answer 1

当我检查你的模态代码时，这很好。  check here

问题在于你的html请告诉我们整个html，以便我们可以调试你的代码。

Answer 2

您的代码工作得很好。我觉得没问题。

output of the code

希望浏览器出现问题？