Html 引导模式错误的内容

我试图创建一个引导模式，但现在当我打开它时，它会从整个页面插入html并将其插入到我的模式中。我直接从中复制了示例模式，并且没有使用任何JQuery动态更新它或任何东西

当模态被隐藏时，html会向我显示正确的结构：我的导航栏、内容，然后是带有适当模态内容的隐藏模态。当我显示模态时，一切都搞砸了。同样的结构存在于导航栏中，然后是内容，然后是模态（不应该隐藏）。但是，这一次在模式中重复了页面其余部分的html。第二个模态和正确的模态内容被隐藏在重复的html内容中，但也被隐藏。结果是我看到了两个版本的正文内容，一个在另一个之前。当我隐藏模态时，一切都恢复正常

换言之：

 <!-- Modal -->
 <div class="modal fade" id="myModal" 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>

&时代；
模态头
模态中的一些文本

接近

不断更改为：

<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
 <meta></meta>
 <title></title>
 <script></script>
 <div class="navbar"></div>
 <div class="container"></div>

 <!-- Modal -->
 <div class="modal fade" id="myModal" 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的内部被改变，而我希望它保持静态。非常感谢您的帮助。

刚刚意识到我需要它是一个按钮，而不是一个链接。如果问题仍然存在，请上传整个HTML文件。否则很难说是哪里出了错等。这就解决了问题，谢谢。