Javascript Twitter Bootstrap 2.3.2模型未显示在屏幕上

这些都是我链接的Javascript文件：

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    <script src="bootstrap/docs/assets/js/jquery.js"></script>
    <script src="bootstrap/docs/assets/js/bootstrap.js"></script>
    <script src="bootstrap/docs/assets/js/bootstrap-transition.js"></script>
    <script src="bootstrap/docs/assets/js/bootstrap-dropdown.js"></script>
    <script src="bootstrap/docs/assets/js/bootstrap-button.js"></script>
    <script src="bootstrap/docs/assets/js/bootstrap-collapse.js"></script>
    <script src="bootstrap/docs/assets/js/bootstrap-carousel.js"></script>
    <script src="bootstrap/docs/assets/js/bootstrap-typeahead.js"></script>
    <script src="bootstrap/docs/assets/js/bootstrap-affix.js"></script>
    <script src="bootstrap/docs/assets/js/bootstrap.min.js"></script>
    <script src="bootstrap/docs/assets/js/holder/holder.js"></script>
    <script src="bootstrap/docs/assets/js/google-code-prettify/prettify.js"></script>
    <script src="bootstrap/assets/js/application.js"></script>

这些都是我链接的CSS文件：

<link href="css/bootstrap.min.css" rel="stylesheet" media="all" /> 
<link href="css/bootstrap.css" rel="stylesheet" media="all" />
<link href="css/style.css" rel="stylesheet" media="all" />

这是我的模型：

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

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

×
模态头
一个好身体

接近
保存更改

---

我遇到的问题是，当我点击按钮启动模型时，它只会在我的屏幕上弹出1秒，然后消失。由于某些原因，它没有出现在屏幕上。

嘿，它对我来说工作得很好

更多信息，您只需添加

bootstrap.css

或

bootstrap.min.css

中的任何一个

实际上，

bootstrap.min.css

只是

bootstrap.css

的压缩版本

您不需要添加所有javascript文件

一个基本的例子：

×
模态头
一个好身体

接近
保存更改

---

要测试它，只需将上述代码复制到文本编辑器中，并将其另存为

**.html

，然后在某个浏览器上打开它即可

我发现了我的问题。我需要删除

<script src="bootstrap/docs/assets/js/bootstrap.min.js"></script>

---

我猜你不能包括bootstrap.min.js，顺便说一句，我没有添加modal.js，因为我已经有bootstrap.js了，我相信你只能从我读到的内容中添加一个，这样模型才能工作。

bootstrap.js

包含你包含的所有

bootstrap*.js

文件

bootstrap.min.css

只是

bootstrap.css

的一个压缩版本，无论这些文件是否附加，它都不会解决问题。我不知道为什么，但是这个模型只在屏幕上停留了一秒钟，然后就消失了。正如你所看到的，我已经链接了jquery.js。如果我添加model.js并单击launchmodel，该模型将只显示1秒并消失，但弹出的黑色背景将保持不变。因此，模型信息和白色框以及没有消失的内容仍然存在，黑色背景仍然存在。@LucasSantos您是否检查了或是否检查了上述代码，即只需将上述代码复制到文本编辑器中并保存为**.html，然后在某个浏览器上打开即可。当我检查时，两种方法都很好。。请注意，

bootstrap.js

包含所有

bootstrap*.js

文件。

bootstrap.min.js

只是

bootstrap.js

的压缩版本。ie空格被删除，它是一个单行txt文件。

<script src="bootstrap/docs/assets/js/bootstrap.min.js"></script>