【问题标题】: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
    猜你喜欢
    • 2021-03-13
    • 1970-01-01
    • 2018-04-26
    • 1970-01-01
    • 2015-01-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多