javascript - Bootstrap UI Angular 模式不显示为弹出窗口

Question

我有:https://rawgit.com/emilyeserven/testwebsites/master/js/angular/chara-select/index.html

底部是打开模式框的按钮。然而，当它们被点击时，它们只显示在顶部，除了引导按钮样式外没有更多内容。

当前模态代码改编自Bootstrap UI演示站点(我只是更改了app模块的名称)。未修改的代码在 MAMP 的沙箱中测试过代码，所以我知道它可以工作。我不确定问题到底出在哪里，因为控制台没有显示任何异常错误。

任何直接与模态相关的 HTML 代码都在 index.html 的底部。同样，任何直接与模态相关的 JS 都在 js/modal.js 中。

GitHub 存储库:https://github.com/emilyeserven/testwebsites/tree/master/js/angular/chara-select

如能为我指明正确的方向，我们将不胜感激!

Answer 1

据我所知，您使用的是自定义构建的 Bootstrap 。它不包含模态的任何样式。尝试加载 https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css而不是你的 bootstrap.css，它会工作。