Twitter bootstrap 引导模式不阻止下面的内容

我使用bootstrap来显示一个简单的模式窗口，出于某种原因，尽管模式没有阻止它下面的任何内容，所以即使模式显示，我仍然可以单击、写入和执行任何我想要的操作。有人知道如何更改它，以便它实际上阻止所有其他内容吗？
这就是这个示例的全部代码（没有js文件或什么都没有）：

示例标题
示例文本
不
对
示例字段

结果如下：

---

我已经包含了引导css和js文件，给出了下面的示例，我仍然可以看到文本框，即使模态显示…

2.3.2的早期版本已被破坏

我建议您升级到Bootstrap 3并使用：

<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" />

或者您可以使用：

---

最新的引导程序对此进行了测试。它将阻止文本字段中的输入

示例标题
示例文本
不
对
示例字段

你可以

• 手动添加透明背景
• 指定

  数据背景

  为静态
• 并通过代码触发模态
• 情态动词应该有

  role=“dialog”

更改的标记：

示例标题
...

css:

.modal background{
背景色：透明；
}

脚本：

$（“#模态”）.on（'show'，function（）{
$（'body'）。追加（''）；
});
$（“#模态”）。在（'hide'，function（）上{
$（'body'）.find（'modal background'）.remove（）；
});
$（“#模态”）.modal（）；

---

请参阅此小提琴->中的上述内容，顺便说一句，该小提琴运行的是bootstrap 2.3.2

你能展示你的代码吗？所有的代码都在帖子里，在这个例子中我没有任何自定义的js或css。弹出窗口应始终显示并阻止输入框/标签。。。它确实显示，但不阻止。您可能希望使用来自的锁定/onlock，感谢@davidkonrad指出问题/答案，我没有意识到2.3.2没有包含锁定API！2.3.2没有/没有被破坏，这是一个稳定但旧的版本；但是，是的，我同意3.1.0要好得多，而且还有内置的模式锁定API。我下载了2.3.1，而不是模式根本不显示->好的，我用了2.3.1。它确实显示和阻止，样式有点混乱，但我想我可以从这里开始。谢谢。只要您不使用本周在3.1.0中被弃用的

遥控器就可以了。…=）谢谢，我下载了2.3.1，它开始工作，但风格混乱。我已经按照您的建议添加了div结构，样式还可以。
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" />

 <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
 <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>