Twitter bootstrap 引导模式未按预期显示和运行

我复制并粘贴了twitter引导程序中的示例代码，在我的WordPress公文包站点中创建了一个基本的模式窗口

<div class="modal hide fade">
  <div class="modal-header">
  <a href="#" class="btn btn-primary">Save changes</a>
  <a href="#" class="btn">Close</a>
  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;  </button>
  <h3>Modal header</h3>
  <p>One fine body…</p>
  </div>
  </div>
  </div>
  <div class="modal-body">
  <div class="modal-footer">
</div>

&时代；
模态头
一个好身体

最初，该框在不需要的文档加载时显示为可见。单击“交叉”按钮或“关闭”按钮时，无法取消该功能

触点按钮是我添加模式触发按钮的地方 代码

单击此按钮时，背景会根据需要变暗，然后可以关闭该框。但是，在此事件之后，无法使用主导航。我想在某个地方有一个简单的冲突。任何关于如何排除故障的建议都是欢迎的。该站点位于

请尝试以下操作：

从模式div中删除类

隐藏
：

将

id

属性添加到modal div:

id=“myModal”

---

你添加了引导css和js文件了吗？这些文件都存在，我在查看源代码时检查了它们，它们看起来显示和加载正常。我想知道以前的样式是否存在冲突。使用Google Chrome的inspect元素初步查看css似乎表明情况并非如此。@JonathanBeech-如果可能，请删除加载到您的浏览器中的所有其他js库，但运行引导程序所需的内容除外，并查看是否可以解决此问题。我已经看到自定义JqueryUI类型lib由于名称空间问题而干扰BS@JonathanBeech是的，我也在检查它，我看到的是，在引导CSS中缺少一个hide类的条目，这就是模态出现在页面加载

.hide{display:none}

上的原因。但这并不能解决它不能正常工作的问题。我认为这可能是@cerd建议的JS冲突。另一件要尝试的事情是加载完整的引导JS和CSS，因为我注意到您只有模态组件。多谢了，我很快会看一看，并更新到哪里。

<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>