html - Bootstrap Modals 行为不端

Question

我正在尝试将 BootStrap 模态添加到已存在的页面，但我遇到了以下问题:

模态显示完全符合我的预期，内容看起来很漂亮，但我有两个问题。如果我仅指定 class="modal"，则模式在页面加载时默认显示并且不会关闭。如果我包含 class="modal hide"，则模态框不会在页面加载时显示，但在单击相应按钮时也不会关闭。

我没有对 modals sample code 做出任何重大改变在 Bootstrap 网站上，有什么问题吗？

这是应该启动模式的按钮:

<a class="btn" data-toggle="modal" href="#testmodal" >About</a>

这是模态本身:

    <div class="modal hide fade in" id="testmodal">
        <div class="modal-header">
            <button class="close" data-dismiss="modal">x</button>
            <h3>Modal Header</h3>
        </div>
        <div class="modal-body">
            <p>body</p>
        </div>
        <div class="modal-footer">
            <a href="#" class="btn">Close</a>
        </div>
    </div>

郑重声明，是的，我确实记得包括 bootstrap-modal.js 和 bootstrap-transition.js

Answer 1

很高兴您的问题得到解决。

此外，如果您想要默认的 Bootstrap 功能而不需要自定义任何内容，只需使用主页上的大下载按钮即可。此 zip 文件包含一个默认的 bootstrap.min.js 文件，其中包含所有插件(如模态对话框等)。如果您使用那个而不是所有单独的 javascript 文件，您的页面必须发出更少的请求并更快地加载。