Twitter bootstrap 无法使Twitter引导模式工作

我似乎无法使我的模型工作。我得到了透明的覆盖显示，但这是它。内容以

的形式存在，但不会以模式格式显示在屏幕上。这是我的密码。有人有什么想法吗

这是我的HTML：

<a href="#modal-[nid]" class="ajax-link" data-nid="[nid]" 
  data-toggle="modal" data-target="#modal-[nid]">[title]</a>
<div id="modal-[nid]" class="modal hide" tabindex="-1" role="dialog">
    <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal" 
          aria-hidden="true">×</button>
        <span>this is a test of my modal</span>
    </div>
</div>

×
这是对我的情态的考验

我以前从未尝试过实现这样的事情。我已经加载了引导CSS文件和JS文件。有人知道我哪里出了问题吗

---编辑---

“我的退出”按钮不起作用，如下所示：

---

它似乎没有加载html中的按钮。。。只显示一个

x

，周围没有

标记。

您有一些地方出错。取出

隐藏

类。将主体包装在

模态内容中

并将主体包装在

模态对话框中

<a href="#modal-1" class="ajax-link" data-nid="[nid]" data-toggle="modal" data-target="#modal-1">[title]</a>
  <div id="modal-1" class="modal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
      <div class="modal-body">
          <button type="button" class="close" data-dismiss="modal" 
            aria-hidden="true">×</button>
          <span>this is a test of my modal</span>
      </div>
    </div>
  </div>
</div>

×
这是对我的情态的考验

---

您有我们可以看到的工作环境吗？这有点像说我的车不会启动，但车里有汽油……参考-->或者在我假设上面的代码是一个模板文件，[nid]在你的实时站点上被一个变量替换？您是否尝试过用静态名称临时替换[nid]并查看它是否有效？您还遗漏了模式示例中引导文档显示的许多HTML。我不确定需要多少，但也许可以先尝试复制他们的代码，看看你是否能让它工作：这似乎让模态显示出来。但那个紧扣的按钮似乎不起作用。我用正在发生的事情的图片更新了我的问题。无论如何，我想将

x

按钮完全更改为图像。您是否有任何想法，我需要添加哪些类或属性来实现这一点？