我已经复制并粘贴了twitter bootstrap中的示例代码，以便在Rails 3.2应用程序中创建一个基本的模态窗口：
<!-- 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>
<a href= "#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
它不工作这不是因为jQuery或脚本不加载，因为a)它不需要加载任何js，因为它使用数据定向和b)我检查了控制台，一切正在完美地发射。
这也不是因为我包括boostrap.js和bootstrap-modal.js …我检查过，我没有。
我很失落它应该只是工作其他bootstrap js在网站上工作正常。
我唯一可以想到的是与类的定义有关.hide和.fade – 当我把它们拿出来时，模态显示得很好。当我包含它们时，它根本不会出现。
jQuery UI可以干扰吗？
请问我有任何进一步的信息，你可能需要帮助我…
更新：
所以我觉得我看到了这个问题，但是我不知道如何解决它。当我检查控制台，在顶部我看到了
element.style {
display: none;
}
不知何故现在是div的一部分，所以在控制台看起来像这样：
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;" >
但是我不知道为什么要添加它，或者从哪里。怎么跟踪呢？
谢谢