引导模式未显示。只有背景变成黑色

【问题标题】：Bootstrap modal not showing. Only background becomes black引导模式未显示。只有背景变成黑色
【发布时间】：2013-10-11 06:35:50
【问题描述】：

我正在使用引导模式。触发器是这样的：

<a id="add-feed-button"  role="button" data-toggle="modal" href="#add-feed-form" class="btn pull-right btn-success"   style="margin-left:5px; margin-top:-4px;">Add new</a>

和我的模态：

 <div id="add-feed-form" class="form-feed modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
this is modal.
</div>

问题是只有背景变黑，没有模态出现。

我已经包含了 bootstrap.js 和 bootstrap.min.css。我已经多次使用模态，但这是一个奇怪的问题。

【问题讨论】：

标签： php jquery twitter-bootstrap modal-dialog bootstrap-modal

【解决方案1】：

从div#add-feed-form 中删除.hide 类，然后它就可以正常工作了。

Demo

【讨论】：

我的一个问题是，当 Bootstrap docs 暗示它应该存在时，为什么不需要 hide 类？
因为在 Bootstrap 文档中已经提到了 hide 类。这使它被它隐藏了。
@vogomatix，因为 hide 类在 bootstrap 2.X 中使用并在 bootstrap 3.X 中删除。我认为用户很想将 2.X 代码移植到 3.X ，因此存在 .hide 问题。希望能帮助到你！ ;)
参考：如果用户尝试从 2.X 移植到 3.X，那么您可以使用两个类，一个是 hide，另一个是 hidden。所以，这样你就不用担心了。
我没有 hide 类，我正在使用 bootstrap 3 - 知道吗？我也在使用 angularjs